ホーム エクスプローラ ヘルプ
サインイン
fmode
/
Demo-Industry-pdm
1
0
フォーク 0
ファイル 課題 0 プルリクエスト 0 Wiki
ツリー: 1112e69ad6
ブランチ タグ
Demo-Industry-p...
/
docs
/
productppt.html

productppt.html 287 KB
履歴 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078 
  1. 

  2. <!DOCTYPE html>
    3. 

  3. <!-- saved from url=(0031)http://127.0.0.1:5500/page.html -->
    4. 

  4. <html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    5. 

  5.   
    6. 

  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7.   <title>铁卫哨兵——工业智能检测系统</title>
    8. 

  8.   <link rel="stylesheet" href="./铁卫哨兵——工业智能检测系统1_files/reveal.min.css">
    9. 

  9.   <link rel="stylesheet" href="./铁卫哨兵——工业智能检测系统1_files/dark.min.css">
    10. 

  10.   <link rel="stylesheet" href="./铁卫哨兵——工业智能检测系统1_files/all.min.css">
    11. 

  11.   <script src="./铁卫哨兵——工业智能检测系统1_files/echarts.min.js.下载"></script>
    12. 

  12.   <style>
    13. 

  13.     :root {
    14. 

  14.       --primary-color: #4A4A4A; /* 哑光银灰 - 主色 */
    15. 

  15.       --secondary-color: #FF2E2E; /* 雷达红 - 辅色 */
    16. 

  16.       --accent-color: #FF7D00; /* 警示橙 */
    17. 

  17.       --cyber-blue: #0D19A3; /* 量子蓝 */
    18. 

  18.       --text-default-color: #4238b1;
    19. 

  19.       --background-color: #207f31;
    20. 

  20.     }
    21. 

  21.     
    22. 

  22.     body {
    23. 

  23.       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    24. 

  24.       background-color: var(--background-color);
    25. 

  25.     }
    26. 

  26.     
    27. 

  27.     .reveal {
    28. 

  28.       background-color: var(--background-color);
    29. 

  29.       color: var(--text-default-color);
    30. 

  30.     }
    31. 

  31.     
    32. 

  32.     .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    33. 

  33.       color: var(--primary-color);
    34. 

  34.       font-weight: bold;
    35. 

  35.       text-transform: uppercase;
    36. 

  36.       letter-spacing: 2px;
    37. 

  37.     }
    38. 

  38.     
    39. 

  39.     .reveal p {
    40. 

  40.       color: var(--secondary-color);
    41. 

  41.       line-height: 1.8;
    42. 

  42.     }
    43. 

  43.     
    44. 

  44.     /* 自定义背景样式 */
    45. 

  45.     .template-cover {
    46. 

  46.       background: linear-gradient(to bottom, #121212, #333333);
    47. 

  47.       background-image: 
    48. 

  48.         url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='metal' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 0h40v40H0z' fill='%234A4A4A' fill-opacity='0.3'/%3E%3Cpath d='M20 0v40M0 20h40' stroke='%23666' stroke-width='0.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23metal)'/%3E%3C/svg%3E"),
    49. 

  49.         radial-gradient(circle at center, rgba(13, 25, 163, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    50. 

  50.       position: relative;
    51. 

  51.     }
    52. 

  52.     
    53. 

  53.     .template-cover::before {
    54. 

  54.       content: "";
    55. 

  55.       position: absolute;
    56. 

  56.       top: 0;
    57. 

  57.       left: 0;
    58. 

  58.       width: 100%;
    59. 

  59.       height: 100%;
    60. 

  60.       background: 
    61. 

  61.         radial-gradient(circle at 20% 30%, rgba(255, 125, 0, 0.3) 0%, transparent 30%),
    62. 

  62.         radial-gradient(circle at 80% 70%, rgba(255, 46, 46, 0.2) 0%, transparent 20%);
    63. 

  63.       z-index: 1;
    64. 

  64.     }
    65. 

  65.     
    66. 

  66.     .template-page {
    67. 

  67.       background: var(--background-color);
    68. 

  68.       position: relative;
    69. 

  69.     }
    70. 

  70.     
    71. 

  71.     .template-page::before {
    72. 

  72.       content: "";
    73. 

  73.       position: absolute;
    74. 

  74.       top: 0;
    75. 

  75.       left: 0;
    76. 

  76.       width: 100%;
    77. 

  77.       height: 100%;
    78. 

  78.       background: 
    79. 

  79.         linear-gradient(to bottom, var(--primary-color) 0%, transparent 10%),
    80. 

  80.         linear-gradient(to top, var(--primary-color) 0%, transparent 10%),
    81. 

  81.         linear-gradient(to right, var(--accent-color) 0%, transparent 10%),
    82. 

  82.         linear-gradient(to left, var(--cyber-blue) 0%, transparent 10%);
    83. 

  83.       z-index: 0;
    84. 

  84.     }
    85. 

  85.     
    86. 

  86.     .content-box {
    87. 

  87.       position: relative;
    88. 

  88.       z-index: 2;
    89. 

  89.       padding: 20px;
    90. 

  90.       background-color: rgba(255, 255, 255, 0.9);
    91. 

  91.       border-radius: 10px;
    92. 

  92.       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    93. 

  93.     }
    94. 

  94.     
    95. 

  95.     .grid-container {
    96. 

  96.       display: flex;
    97. 

  97.       flex-wrap: wrap;
    98. 

  98.       justify-content: space-between;
    99. 

  99.       gap: 20px;
    100. 

  100.     }
    101. 

  101.     
    102. 

  102.     .grid-item {
    103. 

  103.       flex: 1 1 calc(50% - 10px);
    104. 

  104.       min-width: 300px;
    105. 

  105.     }
    106. 

  106.     
    107. 

  107.     .highlight {
    108. 

  108.       color: var(--accent-color);
    109. 

  109.       font-weight: bold;
    110. 

  110.     }
    111. 

  111.     
    112. 

  112.     .tech-card {
    113. 

  113.       background-color: rgba(74, 74, 74, 0.1);
    114. 

  114.       border-left: 4px solid var(--secondary-color);
    115. 

  115.       padding: 15px;
    116. 

  116.       border-radius: 0 8px 8px 0;
    117. 

  117.       transition: transform 0.3s ease;
    118. 

  118.     }
    119. 

  119.     
    120. 

  120.     .tech-card:hover {
    121. 

  121.       transform: translateY(-5px);
    122. 

  122.     }
    123. 

  123.     
    124. 

  124.     .data-pair {
    125. 

  125.       display: flex;
    126. 

  126.       justify-content: space-between;
    127. 

  127.       align-items: center;
    128. 

  128.       margin: 15px 0;
    129. 

  129.     }
    130. 

  130.     
    131. 

  131.     .data-value {
    132. 

  132.       font-size: 1.5rem;
    133. 

  133.       font-weight: bold;
    134. 

  134.     }
    135. 

  135.     
    136. 

  136.     .data-label {
    137. 

  137.       color: var(--primary-color);
    138. 

  138.       font-weight: normal;
    139. 

  139.     }
    140. 

  140.     
    141. 

  141.     .comparison-table {
    142. 

  142.       width: 100%;
    143. 

  143.       border-collapse: collapse;
    144. 

  144.       margin: 20px 0;
    145. 

  145.     }
    146. 

  146.     
    147. 

  147.     .comparison-table th, .comparison-table td {
    148. 

  148.       padding: 12px 15px;
    149. 

  149.       text-align: left;
    150. 

  150.       border-bottom: 1px solid #eee;
    151. 

  151.     }
    152. 

  152.     
    153. 

  153.     .comparison-table th {
    154. 

  154.       background-color: var(--primary-color);
    155. 

  155.       color: white;
    156. 

  156.     }
    157. 

  157.     
    158. 

  158.     .comparison-table tr:nth-child(even) {
    159. 

  159.       background-color: rgba(74, 74, 74, 0.05);
    160. 

  160.     }
    161. 

  161.     
    162. 

  162.     .highlight-row {
    163. 

  163.       background-color: rgba(255, 46, 46, 0.1) !important;
    164. 

  164.     }
    165. 

  165.     
    166. 

  166.     .timeline {
    167. 

  167.       position: relative;
    168. 

  168.       max-width: 800px;
    169. 

  169.       margin: 0 auto;
    170. 

  170.     }
    171. 

  171.     
    172. 

  172.     .timeline::after {
    173. 

  173.       content: '';
    174. 

  174.       position: absolute;
    175. 

  175.       width: 4px;
    176. 

  176.       background-color: var(--primary-color);
    177. 

  177.       top: 0;
    178. 

  178.       bottom: 0;
    179. 

  179.       left: 50%;
    180. 

  180.       margin-left: -2px;
    181. 

  181.     }
    182. 

  182.     
    183. 

  183.     .timeline-item {
    184. 

  184.       padding: 10px 40px;
    185. 

  185.       position: relative;
    186. 

  186.       width: 50%;
    187. 

  187.       box-sizing: border-box;
    188. 

  188.     }
    189. 

  189.     
    190. 

  190.     .timeline-item:nth-child(odd) {
    191. 

  191.       left: 0;
    192. 

  192.     }
    193. 

  193.     
    194. 

  194.     .timeline-item:nth-child(even) {
    195. 

  195.       left: 50%;
    196. 

  196.     }
    197. 

  197.     
    198. 

  198.     .timeline-item::after {
    199. 

  199.       content: '';
    200. 

  200.       position: absolute;
    201. 

  201.       width: 20px;
    202. 

  202.       height: 20px;
    203. 

  203.       right: -10px;
    204. 

  204.       background-color: var(--background-color);
    205. 

  205.       border: 4px solid var(--secondary-color);
    206. 

  206.       top: 15px;
    207. 

  207.       border-radius: 50%;
    208. 

  208.       z-index: 1;
    209. 

  209.     }
    210. 

  210.     
    211. 

  211.     .timeline-item:nth-child(even)::after {
    212. 

  212.       left: -10px;
    213. 

  213.     }
    214. 

  214.     
    215. 

  215.     .timeline-content {
    216. 

  216.       padding: 20px;
    217. 

  217.       background-color: white;
    218. 

  218.       position: relative;
    219. 

  219.       border-radius: 8px;
    220. 

  220.       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    221. 

  221.     }
    222. 

  222.     
    223. 

  223.     .timeline-content::before {
    224. 

  224.       content: '';
    225. 

  225.       position: absolute;
    226. 

  226.       width: 0;
    227. 

  227.       height: 0;
    228. 

  228.       border-style: solid;
    229. 

  229.     }
    230. 

  230.     
    231. 

  231.     .timeline-item:nth-child(odd) .timeline-content::before {
    232. 

  232.       border-width: 10px 15px 10px 0;
    233. 

  233.       border-color: transparent var(--secondary-color) transparent transparent;
    234. 

  234.       right: 15px;
    235. 

  235.       top: 15px;
    236. 

  236.     }
    237. 

  237.     
    238. 

  238.     .timeline-item:nth-child(even) .timeline-content::before {
    239. 

  239.       border-width: 10px 0 10px 15px;
    240. 

  240.       border-color: transparent transparent transparent var(--secondary-color);
    241. 

  241.       left: 15px;
    242. 

  242.       top: 15px;
    243. 

  243.     }
    244. 

  244.     
    245. 

  245.     .weapon-card {
    246. 

  246.       display: flex;
    247. 

  247.       align-items: center;
    248. 

  248.       gap: 15px;
    249. 

  249.       margin: 15px 0;
    250. 

  250.     }
    251. 

  251.     
    252. 

  252.     .weapon-icon {
    253. 

  253.       width: 50px;
    254. 

  254.       height: 50px;
    255. 

  255.       background-color: var(--primary-color);
    256. 

  256.       color: white;
    257. 

  257.       border-radius: 50%;
    258. 

  258.       display: flex;
    259. 

  259.       align-items: center;
    260. 

  260.       justify-content: center;
    261. 

  261.       font-size: 1.5rem;
    262. 

  262.     }
    263. 

  263.     
    264. 

  264.     .weapon-content h4 {
    265. 

  265.       margin-top: 0;
    266. 

  266.     }
    267. 

  267.     
    268. 

  268.     @media screen and (max-width: 768px) {
    269. 

  269.       .timeline::after {
    270. 

  270.         left: 31px;
    271. 

  271.       }
    272. 

  272.       
    273. 

  273.       .timeline-item {
    274. 

  274.         width: 100%;
    275. 

  275.         padding-left: 70px;
    276. 

  276.         padding-right: 25px;
    277. 

  277.       }
    278. 

  278.       
    279. 

  279.       .timeline-item:nth-child(even) {
    280. 

  280.         left: 0;
    281. 

  281.       }
    282. 

  282.       
    283. 

  283.       .timeline-item:nth-child(odd)::after,
    284. 

  284.       .timeline-item:nth-child(even)::after {
    285. 

  285.         left: 21px;
    286. 

  286.       }
    287. 

  287.       
    288. 

  288.       .timeline-item:nth-child(odd) .timeline-content::before,
    289. 

  289.       .timeline-item:nth-child(even) .timeline-content::before {
    290. 

  290.         border-width: 10px 15px 10px 0;
    291. 

  291.         border-color: transparent var(--secondary-color) transparent transparent;
    292. 

  292.         right: 15px;
    293. 

  293.         left: auto;
    294. 

  294.       }
    295. 

  295.     }
    296. 

  296.   </style>
    297. 

  297. <style type="text/css">.wps_ai_link[data-v-5122f198]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,微软雅黑,sans-serif;padding:0;min-width:unset;min-height:unset;position:fixed;left:-100px;top:-100px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;width:0;height:26px;border:1px solid #dae4e0;background:#fff;overflow:hidden;margin-left:12px;transition:translateX(100%) .5s ease;z-index:2147483647}.wps_ai_link .wps_ai_link_title[data-v-5122f198]{margin-left:4px;color:#5f6368;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.wps_ai_link[data-v-5122f198]:hover{background:#f0f0f0}.wps_ai_link[data-v-5122f198]:active{background:#dadada}.dark_skin[data-v-5122f198]{border:1px solid hsla(0,0%,100%,.5);background:#3a3b3e}.dark_skin .wps_ai_link_title[data-v-5122f198]{color:#fff}.dark_skin[data-v-5122f198]:hover{background:#2d2e31}.dark_skin[data-v-5122f198]:active{background:#353639}</style><style type="text/css"></style><style type="text/css">pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
    298. 

  298. /*!
    299. 

  299.   Theme: GitHub
    300. 

  300.   Description: Light theme as seen on github.com
    301. 

  301.   Author: github.com
    302. 

  302.   Maintainer: @Hirse
    303. 

  303.   Updated: 2021-05-15
    304. 

  304. 

  305.   Outdated base version: https://github.com/primer/github-syntax-light
    306. 

  306.   Current colors taken from GitHub's CSS
    307. 

  307. */.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}</style><style type="text/css">.hljs-ln{border-collapse:collapse}.hljs-ln-n:before{content:attr(data-line-number)}</style><style data-id="immersive-translate-input-injected-css">.immersive-translate-input {
    308. 

  308.   position: absolute;
    309. 

  309.   top: 0;
    310. 

  310.   right: 0;
    311. 

  311.   left: 0;
    312. 

  312.   bottom: 0;
    313. 

  313.   z-index: 2147483647;
    314. 

  314.   display: flex;
    315. 

  315.   justify-content: center;
    316. 

  316.   align-items: center;
    317. 

  317. }
    318. 

  318. .immersive-translate-attach-loading::after {
    319. 

  319.   content: " ";
    320. 

  320. 

  321.   --loading-color: #f78fb6;
    322. 

  322.   width: 6px;
    323. 

  323.   height: 6px;
    324. 

  324.   border-radius: 50%;
    325. 

  325.   display: block;
    326. 

  326.   margin: 12px auto;
    327. 

  327.   position: relative;
    328. 

  328.   color: white;
    329. 

  329.   left: -100px;
    330. 

  330.   box-sizing: border-box;
    331. 

  331.   animation: immersiveTranslateShadowRolling 1.5s linear infinite;
    332. 

  332. 

  333.   position: absolute;
    334. 

  334.   top: 50%;
    335. 

  335.   left: 50%;
    336. 

  336.   transform: translate(-2000%, -50%);
    337. 

  337.   z-index: 100;
    338. 

  338. }
    339. 

  339. 

  340. .immersive-translate-loading-spinner {
    341. 

  341.   vertical-align: middle !important;
    342. 

  342.   width: 10px !important;
    343. 

  343.   height: 10px !important;
    344. 

  344.   display: inline-block !important;
    345. 

  345.   margin: 0 4px !important;
    346. 

  346.   border: 2px rgba(221, 244, 255, 0.6) solid !important;
    347. 

  347.   border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
    348. 

  348.   border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
    349. 

  349.   border-radius: 50% !important;
    350. 

  350.   padding: 0 !important;
    351. 

  351.   -webkit-animation: immersive-translate-loading-animation 0.6s infinite linear !important;
    352. 

  352.   animation: immersive-translate-loading-animation 0.6s infinite linear !important;
    353. 

  353. }
    354. 

  354. 

  355. @-webkit-keyframes immersive-translate-loading-animation {
    356. 

  356.   from {
    357. 

  357.     -webkit-transform: rotate(0deg);
    358. 

  358.   }
    359. 

  359. 

  360.   to {
    361. 

  361.     -webkit-transform: rotate(359deg);
    362. 

  362.   }
    363. 

  363. }
    364. 

  364. 

  365. @keyframes immersive-translate-loading-animation {
    366. 

  366.   from {
    367. 

  367.     transform: rotate(0deg);
    368. 

  368.   }
    369. 

  369. 

  370.   to {
    371. 

  371.     transform: rotate(359deg);
    372. 

  372.   }
    373. 

  373. }
    374. 

  374. 

  375. .immersive-translate-input-loading {
    376. 

  376.   --loading-color: #f78fb6;
    377. 

  377.   width: 6px;
    378. 

  378.   height: 6px;
    379. 

  379.   border-radius: 50%;
    380. 

  380.   display: block;
    381. 

  381.   margin: 12px auto;
    382. 

  382.   position: relative;
    383. 

  383.   color: white;
    384. 

  384.   left: -100px;
    385. 

  385.   box-sizing: border-box;
    386. 

  386.   animation: immersiveTranslateShadowRolling 1.5s linear infinite;
    387. 

  387. }
    388. 

  388. 

  389. @keyframes immersiveTranslateShadowRolling {
    390. 

  390.   0% {
    391. 

  391.     box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),
    392. 

  392.       0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    393. 

  393.   }
    394. 

  394. 

  395.   12% {
    396. 

  396.     box-shadow: 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0),
    397. 

  397.       0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    398. 

  398.   }
    399. 

  399. 

  400.   25% {
    401. 

  401.     box-shadow: 110px 0 var(--loading-color), 100px 0 var(--loading-color),
    402. 

  402.       0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    403. 

  403.   }
    404. 

  404. 

  405.   36% {
    406. 

  406.     box-shadow: 120px 0 var(--loading-color), 110px 0 var(--loading-color),
    407. 

  407.       100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0);
    408. 

  408.   }
    409. 

  409. 

  410.   50% {
    411. 

  411.     box-shadow: 130px 0 var(--loading-color), 120px 0 var(--loading-color),
    412. 

  412.       110px 0 var(--loading-color), 100px 0 var(--loading-color);
    413. 

  413.   }
    414. 

  414. 

  415.   62% {
    416. 

  416.     box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color),
    417. 

  417.       120px 0 var(--loading-color), 110px 0 var(--loading-color);
    418. 

  418.   }
    419. 

  419. 

  420.   75% {
    421. 

  421.     box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
    422. 

  422.       130px 0 var(--loading-color), 120px 0 var(--loading-color);
    423. 

  423.   }
    424. 

  424. 

  425.   87% {
    426. 

  426.     box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
    427. 

  427.       200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color);
    428. 

  428.   }
    429. 

  429. 

  430.   100% {
    431. 

  431.     box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
    432. 

  432.       200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
    433. 

  433.   }
    434. 

  434. }
    435. 

  435. 

  436. .immersive-translate-toast {
    437. 

  437.   display: flex;
    438. 

  438.   position: fixed;
    439. 

  439.   z-index: 2147483647;
    440. 

  440.   left: 0;
    441. 

  441.   right: 0;
    442. 

  442.   top: 1%;
    443. 

  443.   width: fit-content;
    444. 

  444.   padding: 12px 20px;
    445. 

  445.   margin: auto;
    446. 

  446.   overflow: auto;
    447. 

  447.   background: #fef6f9;
    448. 

  448.   box-shadow: 0px 4px 10px 0px rgba(0, 10, 30, 0.06);
    449. 

  449.   font-size: 15px;
    450. 

  450.   border-radius: 8px;
    451. 

  451.   color: #333;
    452. 

  452. }
    453. 

  453. 

  454. .immersive-translate-toast-content {
    455. 

  455.   display: flex;
    456. 

  456.   flex-direction: row;
    457. 

  457.   align-items: center;
    458. 

  458. }
    459. 

  459. 

  460. .immersive-translate-toast-hidden {
    461. 

  461.   margin: 0 20px 0 72px;
    462. 

  462.   text-decoration: underline;
    463. 

  463.   cursor: pointer;
    464. 

  464. }
    465. 

  465. 

  466. .immersive-translate-toast-close {
    467. 

  467.   color: #666666;
    468. 

  468.   font-size: 20px;
    469. 

  469.   font-weight: bold;
    470. 

  470.   padding: 0 10px;
    471. 

  471.   cursor: pointer;
    472. 

  472. }
    473. 

  473. 

  474. @media screen and (max-width: 768px) {
    475. 

  475.   .immersive-translate-toast {
    476. 

  476.     top: 0;
    477. 

  477.     padding: 12px 0px 0 10px;
    478. 

  478.   }
    479. 

  479.   .immersive-translate-toast-content {
    480. 

  480.     flex-direction: column;
    481. 

  481.     text-align: center;
    482. 

  482.   }
    483. 

  483.   .immersive-translate-toast-hidden {
    484. 

  484.     margin: 10px auto;
    485. 

  485.   }
    486. 

  486. }
    487. 

  487. 

  488. .immersive-translate-modal {
    489. 

  489.   display: none;
    490. 

  490.   position: fixed;
    491. 

  491.   z-index: 2147483647;
    492. 

  492.   left: 0;
    493. 

  493.   top: 0;
    494. 

  494.   width: 100%;
    495. 

  495.   height: 100%;
    496. 

  496.   overflow: auto;
    497. 

  497.   background-color: rgb(0, 0, 0);
    498. 

  498.   background-color: rgba(0, 0, 0, 0.4);
    499. 

  499.   font-size: 15px;
    500. 

  500. }
    501. 

  501. 

  502. .immersive-translate-modal-content {
    503. 

  503.   background-color: #fefefe;
    504. 

  504.   margin: 10% auto;
    505. 

  505.   padding: 40px 24px 24px;
    506. 

  506.   border: 1px solid #888;
    507. 

  507.   border-radius: 10px;
    508. 

  508.   width: 80%;
    509. 

  509.   max-width: 270px;
    510. 

  510.   font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
    511. 

  511.     "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    512. 

  512.     "Segoe UI Symbol", "Noto Color Emoji";
    513. 

  513.   position: relative;
    514. 

  514. }
    515. 

  515. 

  516. @media screen and (max-width: 768px) {
    517. 

  517.   .immersive-translate-modal-content {
    518. 

  518.     margin: 50% auto !important;
    519. 

  519.   }
    520. 

  520. }
    521. 

  521. 

  522. .immersive-translate-modal .immersive-translate-modal-content-in-input {
    523. 

  523.   max-width: 500px;
    524. 

  524. }
    525. 

  525. .immersive-translate-modal-content-in-input .immersive-translate-modal-body {
    526. 

  526.   text-align: left;
    527. 

  527.   max-height: unset;
    528. 

  528. }
    529. 

  529. 

  530. .immersive-translate-modal-title {
    531. 

  531.   text-align: center;
    532. 

  532.   font-size: 16px;
    533. 

  533.   font-weight: 700;
    534. 

  534.   color: #333333;
    535. 

  535. }
    536. 

  536. 

  537. .immersive-translate-modal-body {
    538. 

  538.   text-align: center;
    539. 

  539.   font-size: 14px;
    540. 

  540.   font-weight: 400;
    541. 

  541.   color: #333333;
    542. 

  542.   word-break: break-all;
    543. 

  543.   margin-top: 24px;
    544. 

  544. }
    545. 

  545. 

  546. @media screen and (max-width: 768px) {
    547. 

  547.   .immersive-translate-modal-body {
    548. 

  548.     max-height: 250px;
    549. 

  549.     overflow-y: auto;
    550. 

  550.   }
    551. 

  551. }
    552. 

  552. 

  553. .immersive-translate-close {
    554. 

  554.   color: #666666;
    555. 

  555.   position: absolute;
    556. 

  556.   right: 16px;
    557. 

  557.   top: 16px;
    558. 

  558.   font-size: 20px;
    559. 

  559.   font-weight: bold;
    560. 

  560. }
    561. 

  561. 

  562. .immersive-translate-close:hover,
    563. 

  563. .immersive-translate-close:focus {
    564. 

  564.   color: black;
    565. 

  565.   text-decoration: none;
    566. 

  566.   cursor: pointer;
    567. 

  567. }
    568. 

  568. 

  569. .immersive-translate-modal-footer {
    570. 

  570.   display: flex;
    571. 

  571.   justify-content: center;
    572. 

  572.   flex-wrap: wrap;
    573. 

  573.   margin-top: 24px;
    574. 

  574. }
    575. 

  575. 

  576. .immersive-translate-btn {
    577. 

  577.   width: fit-content;
    578. 

  578.   color: #fff;
    579. 

  579.   background-color: #ea4c89;
    580. 

  580.   border: none;
    581. 

  581.   font-size: 16px;
    582. 

  582.   margin: 0 8px;
    583. 

  583.   padding: 9px 30px;
    584. 

  584.   border-radius: 5px;
    585. 

  585.   display: flex;
    586. 

  586.   align-items: center;
    587. 

  587.   justify-content: center;
    588. 

  588.   cursor: pointer;
    589. 

  589.   transition: background-color 0.3s ease;
    590. 

  590. }
    591. 

  591. 

  592. .immersive-translate-btn:hover {
    593. 

  593.   background-color: #f082ac;
    594. 

  594. }
    595. 

  595. .immersive-translate-btn:disabled {
    596. 

  596.   opacity: 0.6;
    597. 

  597.   cursor: not-allowed;
    598. 

  598. }
    599. 

  599. .immersive-translate-btn:disabled:hover {
    600. 

  600.   background-color: #ea4c89;
    601. 

  601. }
    602. 

  602. 

  603. .immersive-translate-cancel-btn {
    604. 

  604.   /* gray color */
    605. 

  605.   background-color: rgb(89, 107, 120);
    606. 

  606. }
    607. 

  607. 

  608. .immersive-translate-cancel-btn:hover {
    609. 

  609.   background-color: hsl(205, 20%, 32%);
    610. 

  610. }
    611. 

  611. 

  612. .immersive-translate-action-btn {
    613. 

  613.   background-color: transparent;
    614. 

  614.   color: #ea4c89;
    615. 

  615.   border: 1px solid #ea4c89;
    616. 

  616. }
    617. 

  617. 

  618. .immersive-translate-btn svg {
    619. 

  619.   margin-right: 5px;
    620. 

  620. }
    621. 

  621. 

  622. .immersive-translate-link {
    623. 

  623.   cursor: pointer;
    624. 

  624.   user-select: none;
    625. 

  625.   -webkit-user-drag: none;
    626. 

  626.   text-decoration: none;
    627. 

  627.   color: #007bff;
    628. 

  628.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    629. 

  629. }
    630. 

  630. 

  631. .immersive-translate-primary-link {
    632. 

  632.   cursor: pointer;
    633. 

  633.   user-select: none;
    634. 

  634.   -webkit-user-drag: none;
    635. 

  635.   text-decoration: none;
    636. 

  636.   color: #ea4c89;
    637. 

  637.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    638. 

  638. }
    639. 

  639. 

  640. .immersive-translate-modal input[type="radio"] {
    641. 

  641.   margin: 0 6px;
    642. 

  642.   cursor: pointer;
    643. 

  643. }
    644. 

  644. 

  645. .immersive-translate-modal label {
    646. 

  646.   cursor: pointer;
    647. 

  647. }
    648. 

  648. 

  649. .immersive-translate-close-action {
    650. 

  650.   position: absolute;
    651. 

  651.   top: 2px;
    652. 

  652.   right: 0px;
    653. 

  653.   cursor: pointer;
    654. 

  654. }
    655. 

  655. 

  656. .imt-image-status {
    657. 

  657.   background-color: rgba(0, 0, 0, 0.5) !important;
    658. 

  658.   display: flex !important;
    659. 

  659.   flex-direction: column !important;
    660. 

  660.   align-items: center !important;
    661. 

  661.   justify-content: center !important;
    662. 

  662.   border-radius: 16px !important;
    663. 

  663. }
    664. 

  664. .imt-image-status img,
    665. 

  665. .imt-image-status svg,
    666. 

  666. .imt-img-loading {
    667. 

  667.   width: 28px !important;
    668. 

  668.   height: 28px !important;
    669. 

  669.   margin: 0 0 8px 0 !important;
    670. 

  670.   min-height: 28px !important;
    671. 

  671.   min-width: 28px !important;
    672. 

  672.   position: relative !important;
    673. 

  673. }
    674. 

  674. .imt-img-loading {
    675. 

  675.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAPHRSTlMABBMIDyQXHwyBfFdDMSw+OjXCb+5RG51IvV/k0rOqlGRM6KKMhdvNyZBz9MaupmxpWyj437iYd/yJVNZeuUC7AAACt0lEQVRIx53T2XKiUBCA4QYOiyCbiAsuuGBcYtxiYtT3f6/pbqoYHVFO5r+iivpo6DpAWYpqeoFfr9f90DsYAuRSWkFnPO50OgR9PwiCUFcl2GEcx+N/YBh6pvKaefHlUgZd1zVe0NbYcQjGBfzrPE8Xz8aF+71D8gG6DHFPpc4a7xFiCDuhaWgKgGIJQ3d5IMGDrpS4S5KgpIm+en9f6PlAhKby4JwEIxlYJV9h5k5nee9GoxHJ2IDSNB0dwdad1NAxDJ/uXDHYmebdk4PdbkS58CIVHdYSUHTYYRWOJblWSyu2lmy3KNFVJNBhxcuGW4YBVCbYGRZwIooipHsNqjM4FbgOQqQqSKQQU9V8xmi1QlgHqQQ6DDBvRUVCDirs+EzGDGOQTCATgtYTnbCVLgsVgRE0T1QE0qHCFAht2z6dLvJQs3Lo2FQoDxWNUiBhaP4eRgwNkI+dAjVOA/kUrIDwf3CG8NfNOE0eiFotSuo+rBiq8tD9oY4Qzc6YJw99hl1wzpQvD7ef2M8QgnOGJfJw+EltQc+oX2yn907QB22WZcvlUpd143dqQu+8pCJZuGE4xCuPXJqqcs5sNpsI93Rmzym1k4Npk+oD1SH3/a3LOK/JpUBpWfqNySxWzCfNCUITuDG5dtuphrUJ1myeIE9bIsPiKrfqTai5WZxbhtNphYx6GEIHihyGFTI69lje/rxajdh0s0msZ0zYxyPLhYCb1CyHm9Qsd2H37Y3lugVwL9kNh8Ot8cha6fUNQ8nuXi5z9/ExsAO4zQrb/ev1yrCB7lGyQzgYDGuxq1toDN/JGvN+HyWNHKB7zEoK+PX11e12G431erGYzwmytAWU56fkMHY5JJnDRR2eZji3AwtIcrEV8Cojat/BdQ7XOwGV1e1hDjGGjXbdArm8uJZtCH5MbcctVX8A1WpqumJHwckAAAAASUVORK5CYII=");
    676. 

  676.   background-size: 28px 28px;
    677. 

  677.   animation: image-loading-rotate 1s linear infinite !important;
    678. 

  678. }
    679. 

  679. 

  680. .imt-image-status span {
    681. 

  681.   color: var(--bg-2, #fff) !important;
    682. 

  682.   font-size: 14px !important;
    683. 

  683.   line-height: 14px !important;
    684. 

  684.   font-weight: 500 !important;
    685. 

  685.   font-family: "PingFang SC", Arial, sans-serif !important;
    686. 

  686. }
    687. 

  687. 

  688. @keyframes image-loading-rotate {
    689. 

  689.   from {
    690. 

  690.     transform: rotate(360deg);
    691. 

  691.   }
    692. 

  692.   to {
    693. 

  693.     transform: rotate(0deg);
    694. 

  694.   }
    695. 

  695. }
    696. 

  696. </style></head>
    697. 

  697. <body>
    698. 

  698.   <div class="reveal">
    699. 

  699.     <div class="slides">
    700. 

  700.       <!-- 封面页 -->
    701. 

  701.       <section class="template-cover" data-background-transition="slide">
    702. 

  702.         <div class="content-box" style="text-align: center; max-width: 800px; margin: 0 auto;">
    703. 

  703.           <h1 style="color: rgb(30, 165, 131); text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);">铁卫哨兵</h1>
    704. 

  704.           <h3 style="color: rgb(13, 79, 66); margin-bottom: 40px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);">工业智能检测系统</h3>
    705. 

  705.           <p style="color: rgba(23, 74, 118, 0.8); font-size: 1.2rem; max-width: 600px; margin: 0 auto;">毫秒级故障排查检测，年省百万运维成本</p>
    706. 

  706.           <div style="margin-top: 60px; display: flex; justify-content: center; gap: 20px;">
    707. 

  707.             <div class="weapon-icon" style="background-color: var(--accent-color);">
    708. 

  708.               <i class="fas fa-shield-alt"></i>
    709. 

  709.             </div>
    710. 

  710.             <div class="weapon-icon" style="background-color: var(--cyber-blue);">
    711. 

  711.               <i class="fas fa-bolt"></i>
    712. 

  712.             </div>
    713. 

  713.             <div class="weapon-icon" style="background-color: var(--secondary-color);">
    714. 

  714.               <i class="fas fa-exclamation-triangle"></i>
    715. 

  715.             </div>
    716. 

  716.           </div>
    717. 

  717.         </div>
    718. 

  718.       </section>
    719. 

  719.       
    720. 

  720.       <!-- 目录页 -->
    721. 

  721.       <section class="template-page" data-background-transition="slide">
    722. 

  722.         <div class="content-box">
    723. 

  723.           <h2 style="text-align: center; margin-bottom: 40px;">目录</h2>
    724. 

  724.           <div style="display: flex; justify-content: center; align-items: center; height: 300px; position: relative;">
    725. 

  725.             <svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
    726. 

  726.               <circle cx="200" cy="150" r="100" fill="none" stroke="var(--primary-color)" stroke-width="4"></circle>
    727. 

  727.               <path d="M200 50 L200 100" stroke="var(--primary-color)" stroke-width="4" stroke-dasharray="5,5"></path>
    728. 

  728.               <path d="M200 200 L200 250" stroke="var(--primary-color)" stroke-width="4" stroke-dasharray="5,5"></path>
    729. 

  729.               <path d="M50 150 L100 150" stroke="var(--primary-color)" stroke-width="4" stroke-dasharray="5,5"></path>
    730. 

  730.               <path d="M300 150 L350 150" stroke="var(--primary-color)" stroke-width="4" stroke-dasharray="5,5"></path>
    731. 

  731.               <circle cx="200" cy="75" r="15" fill="var(--secondary-color)"></circle>
    732. 

  732.               <circle cx="200" cy="225" r="15" fill="var(--secondary-color)"></circle>
    733. 

  733.               <circle cx="75" cy="150" r="15" fill="var(--secondary-color)"></circle>
    734. 

  734.               <circle cx="325" cy="150" r="15" fill="var(--secondary-color)"></circle>
    735. 

  735.             <!-- Code injected by live-server -->
    736. 

  736. <script>
    737. 

  737. 	//   &lt;-- For SVG support
    738. 

  738. 	if ('WebSocket' in window) {
    739. 

  739. 		(function () {
    740. 

  740. 			function refreshCSS() {
    741. 

  741. 				var sheets = [].slice.call(document.getElementsByTagName("link"));
    742. 

  742. 				var head = document.getElementsByTagName("head")[0];
    743. 

  743. 				for (var i = 0; i &lt; sheets.length; ++i) {
    744. 

  744. 					var elem = sheets[i];
    745. 

  745. 					var parent = elem.parentElement || head;
    746. 

  746. 					parent.removeChild(elem);
    747. 

  747. 					var rel = elem.rel;
    748. 

  748. 					if (elem.href &amp;&amp; typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
    749. 

  749. 						var url = elem.href.replace(/(&amp;|\?)_cacheOverride=\d+/, '');
    750. 

  750. 						elem.href = url + (url.indexOf('?') &gt;= 0 ? '&amp;' : '?') + '_cacheOverride=' + (new Date().valueOf());
    751. 

  751. 					}
    752. 

  752. 					parent.appendChild(elem);
    753. 

  753. 				}
    754. 

  754. 			}
    755. 

  755. 			var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
    756. 

  756. 			var address = protocol + window.location.host + window.location.pathname + '/ws';
    757. 

  757. 			var socket = new WebSocket(address);
    758. 

  758. 			socket.onmessage = function (msg) {
    759. 

  759. 				if (msg.data == 'reload') window.location.reload();
    760. 

  760. 				else if (msg.data == 'refreshcss') refreshCSS();
    761. 

  761. 			};
    762. 

  762. 			if (sessionStorage &amp;&amp; !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
    763. 

  763. 				console.log('Live reload enabled.');
    764. 

  764. 				sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
    765. 

  765. 			}
    766. 

  766. 		})();
    767. 

  767. 	}
    768. 

  768. 	else {
    769. 

  769. 		console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
    770. 

  770. 	}
    771. 

  771. 	// 
    772. 

  772. </script>
    773. 

  773. </svg>
    774. 

  774.             <div style="position: absolute; width: 100%; text-align: center; top: 30%;">
    775. 

  775.               <p style="font-size: 1.5rem; color: var(--primary-color);">工业痛点</p>
    776. 

  776.             </div>
    777. 

  777.             <div style="position: absolute; width: 100%; text-align: center; top: 70%;">
    778. 

  778.               <p style="font-size: 1.5rem; color: var(--primary-color);">价值验证</p>
    779. 

  779.             </div>
    780. 

  780.             <div style="position: absolute; width: 100%; text-align: center; left: 20%; top: 50%; transform: rotate(-90deg); transform-origin: left center;">
    781. 

  781.               <p style="font-size: 1.5rem; color: var(--primary-color); writing-mode: vertical-rl; text-orientation: mixed;">核心技术</p>
    782. 

  782.             </div>
    783. 

  783.             <div style="position: absolute; width: 100%; text-align: center; right: 20%; top: 50%; transform: rotate(90deg); transform-origin: right center;">
    784. 

  784.               <p style="font-size: 1.5rem; color: var(--primary-color); writing-mode: vertical-rl; text-orientation: mixed;">场景实战</p>
    785. 

  785.             </div>
    786. 

  786.           </div>
    787. 

  787.           <div style="margin-top: 40px; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;">
    788. 

  788.             <div class="tech-card" style="flex: 1 1 calc(25% - 20px); min-width: 200px;">
    789. 

  789.               <h3>1. 工业痛点</h3>
    790. 

  790.               <p>设备失控的百万成本黑洞</p>
    791. 

  791.             </div>
    792. 

  792.             <div class="tech-card" style="flex: 1 1 calc(25% - 20px); min-width: 200px;">
    793. 

  793.               <h3>2. 核心技术</h3>
    794. 

  794.               <p>铁卫哨兵技术矩阵</p>
    795. 

  795.             </div>
    796. 

  796.             <div class="tech-card" style="flex: 1 1 calc(25% - 20px); min-width: 200px;">
    797. 

  797.               <h3>3. 场景实战</h3>
    798. 

  798.               <p>从预警到决策的闭环</p>
    799. 

  799.             </div>
    800. 

  800.             <div class="tech-card" style="flex: 1 1 calc(25% - 20px); min-width: 200px;">
    801. 

  801.               <h3>4. 价值验证</h3>
    802. 

  802.               <p>数据驱动的运维革命</p>
    803. 

  803.             </div>
    804. 

  804.           </div>
    805. 

  805.         </div>
    806. 

  806.       </section>
    807. 

  807.       
    808. 

  808.       <!-- 工业痛点 - 成本危机可视化 -->
    809. 

  809.       <section class="template-page" data-background-transition="slide">
    810. 

  810.         <div class="content-box">
    811. 

  811.           <h2>1. 工业痛点</h2>
    812. 

  812.           <h3>成本危机可视化</h3>
    813. 

  813.           <div class="grid-container">
    814. 

  814.             <div class="grid-item">
    815. 

  815.               <h4>人工巡检效率分析</h4>
    816. 

  816.               <div class="data-pair">
    817. 

  817.                 <span class="data-label">漏检率</span>
    818. 

  818.                 <span class="data-value highlight">&gt;30%</span>
    819. 

  819.               </div>
    820. 

  820.               <div class="data-pair">
    821. 

  821.                 <span class="data-label">突发停机损失</span>
    822. 

  822.                 <span class="data-value highlight">$38,000/小时</span>
    823. 

  823.               </div>
    824. 

  824.               <div class="data-pair">
    825. 

  825.                 <span class="data-label">年平均停机时间</span>
    826. 

  826.                 <span class="data-value highlight">120小时</span>
    827. 

  827.               </div>
    828. 

  828.               <div class="data-pair">
    829. 

  829.                 <span class="data-label">直接经济损失</span>
    830. 

  830.                 <span class="data-value highlight">$456万/年</span>
    831. 

  831.               </div>
    832. 

  832.             </div>
    833. 

  833.             <div class="grid-item">
    834. 

  834.               <h4>传统方案效能瓶颈</h4>
    835. 

  835.               <div class="data-pair">
    836. 

  836.                 <span class="data-label">误报率</span>
    837. 

  837.                 <span class="data-value highlight">&gt;40%</span>
    838. 

  838.               </div>
    839. 

  839.               <div class="data-pair">
    840. 

  840.                 <span class="data-label">无效运维耗时</span>
    841. 

  841.                 <span class="data-value highlight">200h/月</span>
    842. 

  842.               </div>
    843. 

  843.               <div class="data-pair">
    844. 

  844.                 <span class="data-label">维护成本增长率</span>
    845. 

  845.                 <span class="data-value highlight">20%/年</span>
    846. 

  846.               </div>
    847. 

  847.               <div class="data-pair">
    848. 

  848.                 <span class="data-label">产能损失</span>
    849. 

  849.                 <span class="data-value highlight">15%/年</span>
    850. 

  850.               </div>
    851. 

  851.             </div>
    852. 

  852.           </div>
    853. 

  853.           <div style="margin-top: 30px; text-align: center;">
    854. 

  854.             <img src="./铁卫哨兵——工业智能检测系统1_files/119-800x400.jpg" alt="故障设备示意图" style="max-width: 100%; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);" data-extentions-extra-ocr-id="98dd5cff0432eebe2e5f9f20e8e0f13a">
    855. 

  855.             <p style="margin-top: 10px; font-size: 0.9rem; color: var(--primary-color);">故障设备爆炸分解图（标注隐藏损伤点）</p>
    856. 

  856.           </div>
    857. 

  857.         </div>
    858. 

  858.       </section>
    859. 

  859.       
    860. 

  860.       <!-- 工业痛点 - 多维痛点拆解 -->
    861. 

  861.       <section class="template-page" data-background-transition="slide">
    862. 

  862.         <div class="content-box">
    863. 

  863.           <h2>多维痛点拆解</h2>
    864. 

  864.           <div class="grid-container">
    865. 

  865.             <div class="grid-item">
    866. 

  866.               <h4>设备维度痛点</h4>
    867. 

  867.               <p>机械、电气、热工异常耦合，传统单点检测无法识别复合故障，如轴承磨损引发的齿轮箱振动异常与温度升高交叉影响。</p>
    868. 

  868.             </div>
    869. 

  869.             <div class="grid-item">
    870. 

  870.               <h4>时间维度痛点</h4>
    871. 

  871.               <p>缺乏毫秒级响应能力，从异常发生到人工发现通常需要数小时，导致故障蔓延，如液压系统泄漏未及时发现引发设备卡死。</p>
    872. 

  872.             </div>
    873. 

  873.           </div>
    874. 

  874.           <div class="grid-container">
    875. 

  875.             <div class="grid-item">
    876. 

  876.               <h4>成本维度痛点</h4>
    877. 

  877.               <p>维护费用年增长20%，主要源于被动维修成本高企；同时产能损失15%，设备非计划停机导致订单交付延迟。</p>
    878. 

  878.             </div>
    879. 

  879.             <div class="grid-item">
    880. 

  880.               <h4>数据维度痛点</h4>
    881. 

  881.               <p>设备数据碎片化，缺乏统一分析平台，无法形成故障预测模型，经验依赖严重，新员工培训成本高。</p>
    882. 

  882.             </div>
    883. 

  883.           </div>
    884. 

  884.           <div style="margin-top: 30px; text-align: center;">
    885. 

  885.             <img src="./铁卫哨兵——工业智能检测系统1_files/118-800x300.jpg" alt="故障树根因分析" style="max-width: 100%; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);" data-extentions-extra-ocr-id="93d804b5e5b16c74e9b977d065c88fef">
    886. 

  886.             <p style="margin-top: 10px; font-size: 0.9rem; color: var(--primary-color);">故障树根因分析动效（从叶片断裂溯源至轴承磨损）</p>
    887. 

  887.           </div>
    888. 

  888.         </div>
    889. 

  889.       </section>
    890. 

  890.       
    891. 

  891.       <!-- 工业痛点 - 竞品致命伤 -->
    892. 

  892.       <section class="template-page" data-background-transition="slide">
    893. 

  893.         <div class="content-box">
    894. 

  894.           <h2>竞品致命伤</h2>
    895. 

  895.           <p style="text-align: center; margin-bottom: 30px; font-size: 1.2rem;">铁卫哨兵 vs 德国工业检测方案</p>
    896. 

  896.           <div style="overflow-x: auto;">
    897. 

  897.             <table class="comparison-table" data-extentions-extra-tablecapture-id="427332">
    898. 

  898.               <thead>
    899. 

  899.                 <tr>
    900. 

  900.                   <th>能力</th>
    901. 

  901.                   <th>德国方案</th>
    902. 

  902.                   <th>铁卫哨兵</th>
    903. 

  903.                 </tr>
    904. 

  904.               </thead>
    905. 

  905.               <tbody>
    906. 

  906.                 <tr>
    907. 

  907.                   <td>响应延迟</td>
    908. 

  908.                   <td>2.5s</td>
    909. 

  909.                   <td class="highlight-row"><strong>0.05s</strong></td>
    910. 

  910.                 </tr>
    911. 

  911.                 <tr>
    912. 

  912.                   <td>复合故障检出率</td>
    913. 

  913.                   <td>68%</td>
    914. 

  914.                   <td class="highlight-row"><strong>94%</strong></td>
    915. 

  915.                 </tr>
    916. 

  916.                 <tr>
    917. 

  917.                   <td>多设备协同监测</td>
    918. 

  918.                   <td>仅支持单设备</td>
    919. 

  919.                   <td class="highlight-row"><strong>支持产线级联动分析</strong></td>
    920. 

  920.                 </tr>
    921. 

  921.                 <tr>
    922. 

  922.                   <td>国产化成本</td>
    923. 

  923.                   <td>$500k/产线</td>
    924. 

  924.                   <td class="highlight-row"><strong>$50k/产线</strong></td>
    925. 

  925.                 </tr>
    926. 

  926.                 <tr>
    927. 

  927.                   <td>AI预测模型</td>
    928. 

  928.                   <td>静态阈值</td>
    929. 

  929.                   <td class="highlight-row"><strong>动态自适应调参</strong></td>
    930. 

  930.                 </tr>
    931. 

  931.                 <tr>
    932. 

  932.                   <td>部署周期</td>
    933. 

  933.                   <td>12-16周</td>
    934. 

  934.                   <td class="highlight-row"><strong>2-4周</strong></td>
    935. 

  935.                 </tr>
    936. 

  936.               </tbody>
    937. 

  937.             </table>
    938. 

  938.           </div>
    939. 

  939.           <div style="display: flex; justify-content: center; align-items: center; margin: 40px 0;">
    940. 

  940.             <div style="width: 300px; height: 200px; position: relative;">
    941. 

  941.               <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold;">
    942. 

  942.                 进口设备
    943. 

  943.               </div>
    944. 

  944.               <div style="position: absolute; top: 50px; left: 50px; width: 200px; height: 10px; background-color: var(--secondary-color); transform: rotate(45deg); border-radius: 5px; animation: break 1s ease-in-out;"></div>
    945. 

  945.             </div>
    946. 

  946.             <div style="width: 100px; height: 100px; margin: 0 20px; display: flex; align-items: center; justify-content: center; background-color: var(--accent-color); color: white; border-radius: 50%; font-size: 2rem;">
    947. 

  947.               <i class="fas fa-shield-alt"></i>
    948. 

  948.             </div>
    949. 

  949.             <div style="width: 300px; height: 200px; position: relative;">
    950. 

  950.               <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--cyber-blue); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold;">
    951. 

  951.                 铁卫哨兵
    952. 

  952.               </div>
    953. 

  953.             </div>
    954. 

  954.           </div>
    955. 

  955.           <script>
    956. 

  956.             function animateBreak() {
    957. 

  957.               const breakLine = document.querySelector('.comparison-table + div .highlight-row + div .highlight-row + div .highlight-row + div .highlight-row + div .highlight-row + div .highlight-row + div .comparison-table + div div:nth-child(1) div:nth-child(2)');
    958. 

  958.               breakLine.style.animation = 'break 1s ease-in-out';
    959. 

  959.             }
    960. 

  960.             
    961. 

  961.             document.addEventListener('DOMContentLoaded', animateBreak);
    962. 

  962.           </script>
    963. 

  963.         </div>
    964. 

  964.       </section>
    965. 

  965.       
    966. 

  966.       <!-- 核心技术 - 技术架构 -->
    967. 

  967.       <section class="template-page" data-background-transition="slide">
    968. 

  968.         <div class="content-box">
    969. 

  969.           <h2>2. 破局利器</h2>
    970. 

  970.           <h3>技术架构（军工机甲概念图）</h3>
    971. 

  971.           <div style="display: flex; flex-direction: column; align-items: center; margin: 30px 0;">
    972. 

  972.             <div style="width: 80%; max-width: 800px; position: relative;">
    973. 

  973.               <div style="position: relative; padding: 30px; background-color: rgba(74, 74, 74, 0.05); border-radius: 10px;">
    974. 

  974.                 <div style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background-color: var(--secondary-color); color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold;">
    975. 

  975.                   铁卫哨兵技术架构
    976. 

  976.                 </div>
    977. 

  977.                 
    978. 

  978.                 <div style="display: flex; flex-direction: column; align-items: center; gap: 30px;">
    979. 

  979.                   <div style="width: 100%; display: flex; justify-content: center; gap: 20px;">
    980. 

  980.                     <div class="tech-card" style="flex: 1; text-align: center;">
    981. 

  981.                       <h4>感知层</h4>
    982. 

  982.                       <p>振动/温度/液压传感器<br>装甲接缝监测点</p>
    983. 

  983.                     </div>
    984. 

  984.                     <div style="width: 50px; height: 50px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem;">
    985. 

  985.                       <i class="fas fa-arrow-down"></i>
    986. 

  986.                     </div>
    987. 

  987.                     <div class="tech-card" style="flex: 1; text-align: center;">
    988. 

  988.                       <h4>边缘层</h4>
    989. 

  989.                       <p>微型哨兵机甲<br>就地决策系统<br>头盔AR界面</p>
    990. 

  990.                     </div>
    991. 

  991.                   </div>
    992. 

  992.                   
    993. 

  993.                   <div style="width: 50px; height: 50px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem;">
    994. 

  994.                     <i class="fas fa-arrow-down"></i>
    995. 

  995.                   </div>
    996. 

  996.                   
    997. 

  997.                   <div style="width: 100%; display: flex; justify-content: center; gap: 20px;">
    998. 

  998.                     <div class="tech-card" style="flex: 1; text-align: center;">
    999. 

  999.                       <h4>云端层</h4>
    1000. 

  1000.                       <p>指挥中心<br>数字孪生系统<br>全息战场沙盘</p>
    1001. 

  1001.                     </div>
    1002. 

  1002.                     <div style="width: 50px; height: 50px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem;">
    1003. 

  1003.                       <i class="fas fa-arrow-right"></i>
    1004. 

  1004.                     </div>
    1005. 

  1005.                     <div class="tech-card" style="flex: 1; text-align: center;">
    1006. 

  1006.                       <h4>应用层</h4>
    1007. 

  1007.                       <p>故障预警<br>维护决策<br>产能优化</p>
    1008. 

  1008.                     </div>
    1009. 

  1009.                   </div>
    1010. 

  1010.                 </div>
    1011. 

  1011.               </div>
    1012. 

  1012.             </div>
    1013. 

  1013.             
    1014. 

  1014.             <div style="margin-top: 40px; background-color: rgba(13, 25, 163, 0.1); padding: 20px; border-radius: 10px; width: 80%; max-width: 800px;">
    1015. 

  1015.               <h4 style="color: var(--cyber-blue); text-align: center; margin-bottom: 20px;">核心技术指标</h4>
    1016. 

  1016.               <div class="grid-container">
    1017. 

  1017.                 <div class="grid-item">
    1018. 

  1018.                   <div class="data-pair">
    1019. 

  1019.                     <span class="data-label">数据吞吐量</span>
    1020. 

  1020.                     <span class="data-value highlight">10万点/秒</span>
    1021. 

  1021.                   </div>
    1022. 

  1022.                 </div>
    1023. 

  1023.                 <div class="grid-item">
    1024. 

  1024.                   <div class="data-pair">
    1025. 

  1025.                     <span class="data-label">数据可靠性</span>
    1026. 

  1026.                     <span class="data-value highlight">99.99%零丢失</span>
    1027. 

  1027.                   </div>
    1028. 

  1028.                 </div>
    1029. 

  1029.                 <div class="grid-item">
    1030. 

  1030.                   <div class="data-pair">
    1031. 

  1031.                     <span class="data-label">故障预测准确率</span>
    1032. 

  1032.                     <span class="data-value highlight">94%+</span>
    1033. 

  1033.                   </div>
    1034. 

  1034.                 </div>
    1035. 

  1035.                 <div class="grid-item">
    1036. 

  1036.                   <div class="data-pair">
    1037. 

  1037.                     <span class="data-label">系统可用性</span>
    1038. 

  1038.                     <span class="data-value highlight">99.98%</span>
    1039. 

  1039.                   </div>
    1040. 

  1040.                 </div>
    1041. 

  1041.               </div>
    1042. 

  1042.             </div>
    1043. 

  1043.           </div>
    1044. 

  1044.         </div>
    1045. 

  1045.       </section>
    1046. 

  1046.       
    1047. 

  1047.       <!-- 核心技术 - AI预测引擎 -->
    1048. 

  1048.       <section class="template-page" data-background-transition="slide">
    1049. 

  1049.         <div class="content-box">
    1050. 

  1050.           <h3>AI预测引擎（雷达图作战演示）</h3>
    1051. 

  1051.           <div class="grid-container">
    1052. 

  1052.             <div class="grid-item">
    1053. 

  1053.               <h4>动态阈值算法</h4>
    1054. 

  1054.               <p style="background-color: rgba(74, 74, 74, 0.05); padding: 15px; border-radius: 8px;">
    1055. 

  1055.                 <code style="font-family: monospace; color: var(--secondary-color);">阈值 = μ(历史) ± k×σ</code>
    1056. 

  1056.               </p>
    1057. 

  1057.               <p>基于历史数据均值(μ)与标准差(σ)动态计算阈值，k值根据设备健康状态实时调参，解决传统静态阈值误报率高的问题。</p>
    1058. 

  1058.               <p style="margin-top: 20px; font-weight: bold; color: var(--accent-color);">优势：</p>
    1059. 

  1059.               <ul style="padding-left: 20px; margin-top: 10px;">
    1060. 

  1060.                 <li>自适应设备老化过程</li>
    1061. 

  1061.                 <li>智能过滤环境干扰</li>
    1062. 

  1062.                 <li>减少90%以上误报警</li>
    1063. 

  1063.               </ul>
    1064. 

  1064.             </div>
    1065. 

  1065.             <div class="grid-item">
    1066. 

  1066.               <h4>贝叶斯网络诊断</h4>
    1067. 

  1067.               <div style="background-color: white; border: 1px solid #eee; padding: 20px; border-radius: 8px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;">
    1068. 

  1068.                 <div style="margin-bottom: 20px;">
    1069. 

  1069.                   <p style="font-weight: bold; color: var(--primary-color); margin-bottom: 10px;">故障推理示例</p>
    1070. 

  1070.                   <div style="display: flex; align-items: center; gap: 10px; margin: 10px 0;">
    1071. 

  1071.                     <div style="width: 40px; height: 40px; background-color: var(--accent-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
    1072. 

  1072.                       <i class="fas fa-tachometer-alt"></i>
    1073. 

  1073.                     </div>
    1074. 

  1074.                     <span>液压压力↑</span>
    1075. 

  1075.                   </div>
    1076. 

  1076.                   <div style="display: flex; align-items: center; gap: 10px; margin: 10px 0;">
    1077. 

  1077.                     <div style="width: 40px; height: 40px; background-color: var(--accent-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
    1078. 

  1078.                       <i class="fas fa-thermometer-quarter"></i>
    1079. 

  1079.                     </div>
    1080. 

  1080.                     <span>油温↑</span>
    1081. 

  1081.                   </div>
    1082. 

  1082.                   <div style="display: flex; align-items: center; gap: 10px; margin: 10px 0; margin-left: 50px;">
    1083. 

  1083.                     <div style="width: 20px; height: 20px; background-color: var(--primary-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem;">
    1084. 

  1084.                       <i class="fas fa-plus"></i>
    1085. 

  1085.                     </div>
    1086. 

  1086.                   </div>
    1087. 

  1087.                   <div style="display: flex; align-items: center; gap: 10px; margin: 10px 0;">
    1088. 

  1088.                     <div style="width: 40px; height: 40px; background-color: var(--secondary-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
    1089. 

  1089.                       <i class="fas fa-wind"></i>
    1090. 

  1090.                     </div>
    1091. 

  1091.                     <span>振动阈值↓20%</span>
    1092. 

  1092.                   </div>
    1093. 

  1093.                 </div>
    1094. 

  1094.                 <div style="background-color: rgba(255, 46, 46, 0.1); padding: 15px; border-radius: 8px;">
    1095. 

  1095.                   <p style="font-weight: bold; color: var(--secondary-color); margin-bottom: 5px;">预测结果：</p>
    1096. 

  1096.                   <p>液压系统泄漏概率78%，建议24小时内安排检修</p>
    1097. 

  1097.                 </div>
    1098. 

  1098.               </div>
    1099. 

  1099.             </div>
    1100. 

  1100.           </div>
    1101. 

  1101.         </div>
    1102. 

  1102.       </section>
    1103. 

  1103.       
    1104. 

  1104.       <!-- 核心技术 - 三维作战看板 -->
    1105. 

  1105.       <section class="template-page" data-background-transition="slide">
    1106. 

  1106.         <div class="content-box">
    1107. 

  1107.           <h3>三维作战看板</h3>
    1108. 

  1108.           <p style="text-align: center; margin: 30px 0; font-size: 1.2rem;">铁卫哨兵指挥中心交互原型</p>
    1109. 

  1109.           <div style="display: flex; justify-content: center; margin: 30px 0;">
    1110. 

  1110.             <div style="width: 90%; max-width: 1200px; height: 500px; background-color: #121212; border-radius: 10px; overflow: hidden; position: relative;">
    1111. 

  1111.               <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 
    1112. 

  1112.                 linear-gradient(to right, rgba(74, 74, 74, 0.3) 0%, rgba(74, 74, 74, 0.1) 100%),
    1113. 

  1113.                 url(&#39;https://picsum.photos/id/117/1200/500&#39;) center/cover no-repeat;">
    1114. 

  1114.               </div>
    1115. 

  1115.               <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; display: flex; gap: 20px;">
    1116. 

  1116.                 <div style="flex: 1; background-color: rgba(0, 0, 0, 0.6); border-radius: 8px; padding: 15px; display: flex; flex-direction: column;">
    1117. 

  1117.                   <h4 style="color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; margin-top: 0;">设备健康矩阵</h4>
    1118. 

  1118.                   <div style="flex: 1; overflow-y: auto; padding: 10px 0;">
    1119. 

  1119.                     <div style="display: flex; align-items: center; gap: 10px; padding: 10px; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; margin-bottom: 10px;">
    1120. 

  1120.                       <div style="width: 40px; height: 40px; background-color: #4CAF50; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white;">
    1121. 

  1121.                         <i class="fas fa-check"></i>
    1122. 

  1122.                       </div>
    1123. 

  1123.                       <div>
    1124. 

  1124.                         <p style="color: white; margin: 0;">冲压机床 #101</p>
    1125. 

  1125.                         <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">健康状态: 良好</p>
    1126. 

  1126.                       </div>
    1127. 

  1127.                     </div>
    1128. 

  1128.                     <div style="display: flex; align-items: center; gap: 10px; padding: 10px; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; margin-bottom: 10px;">
    1129. 

  1129.                       <div style="width: 40px; height: 40px; background-color: #FFC107; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white;">
    1130. 

  1130.                         <i class="fas fa-exclamation-triangle"></i>
    1131. 

  1131.                       </div>
    1132. 

  1132.                       <div>
    1133. 

  1133.                         <p style="color: white; margin: 0;">注塑机 #203</p>
    1134. 

  1134.                         <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">健康状态: 预警</p>
    1135. 

  1135.                       </div>
    1136. 

  1136.                     </div>
    1137. 

  1137.                     <div style="display: flex; align-items: center; gap: 10px; padding: 10px; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; margin-bottom: 10px;">
    1138. 

  1138.                       <div style="width: 40px; height: 40px; background-color: #F44336; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white;">
    1139. 

  1139.                         <i class="fas fa-times"></i>
    1140. 

  1140.                       </div>
    1141. 

  1141.                       <div>
    1142. 

  1142.                         <p style="color: white; margin: 0;">切割机 #305</p>
    1143. 

  1143.                         <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">健康状态: 故障</p>
    1144. 

  1144.                       </div>
    1145. 

  1145.                     </div>
    1146. 

  1146.                   </div>
    1147. 

  1147.                 </div>
    1148. 

  1148.                 
    1149. 

  1149.                 <div style="flex: 2; background-color: rgba(0, 0, 0, 0.6); border-radius: 8px; padding: 15px; display: flex; flex-direction: column;">
    1150. 

  1150.                   <h4 style="color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; margin-top: 0;">实时频谱作战地图</h4>
    1151. 

  1151.                   <div style="flex: 1; background-color: rgba(13, 25, 163, 0.3); border-radius: 5px; position: relative; overflow: hidden;">
    1152. 

  1152.                     <canvas id="spectrumChart" style="width: 100%; height: 100%;"></canvas>
    1153. 

  1153.                   </div>
    1154. 

  1154.                 </div>
    1155. 

  1155.                 
    1156. 

  1156.                 <div style="flex: 1; background-color: rgba(0, 0, 0, 0.6); border-radius: 8px; padding: 15px; display: flex; flex-direction: column;">
    1157. 

  1157.                   <h4 style="color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; margin-top: 0;">应急武器库</h4>
    1158. 

  1158.                   <div style="flex: 1; overflow-y: auto; padding: 10px 0;">
    1159. 

  1159.                     <div style="background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 15px; margin-bottom: 15px;">
    1160. 

  1160.                       <h5 style="color: white; margin-top: 0; margin-bottom: 10px;">维护工单</h5>
    1161. 

  1161.                       <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin-bottom: 5px;">切割机 #305 振动异常</p>
    1162. 

  1162.                       <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">优先级: 高 | 截止时间: 今天18:00</p>
    1163. 

  1163.                     </div>
    1164. 

  1164.                     
    1165. 

  1165.                     <div style="background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 15px; margin-bottom: 15px;">
    1166. 

  1166.                       <h5 style="color: white; margin-top: 0; margin-bottom: 10px;">AR维修指南</h5>
    1167. 

  1167.                       <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin-bottom: 5px;">液压系统泄漏维修流程</p>
    1168. 

  1168.                       <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">查看3D动画演示</p>
    1169. 

  1169.                     </div>
    1170. 

  1170.                     
    1171. 

  1171.                     <div style="background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 15px;">
    1172. 

  1172.                       <h5 style="color: white; margin-top: 0; margin-bottom: 10px;">备件库存</h5>
    1173. 

  1173.                       <div style="display: flex; justify-content: space-between; align-items: center; margin: 5px 0;">
    1174. 

  1174.                         <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin: 0;">轴承组件 #A123</p>
    1175. 

  1175.                         <p style="color: white; font-weight: bold; margin: 0;">12 件</p>
    1176. 

  1176.                       </div>
    1177. 

  1177.                       <div style="display: flex; justify-content: space-between; align-items: center; margin: 5px 0;">
    1178. 

  1178.                         <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin: 0;">密封圈 #B456</p>
    1179. 

  1179.                         <p style="color: white; font-weight: bold; margin: 0;">35 件</p>
    1180. 

  1180.                       </div>
    1181. 

  1181.                       <div style="display: flex; justify-content: space-between; align-items: center; margin: 5px 0;">
    1182. 

  1182.                         <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin: 0;">传感器 #C789</p>
    1183. 

  1183.                         <p style="color: white; font-weight: bold; margin: 0;">8 件</p>
    1184. 

  1184.                       </div>
    1185. 

  1185.                     </div>
    1186. 

  1186.                   </div>
    1187. 

  1187.                 </div>
    1188. 

  1188.               </div>
    1189. 

  1189.             </div>
    1190. 

  1190.           </div>
    1191. 

  1191.         </div>
    1192. 

  1192.       </section>
    1193. 

  1193.       
    1194. 

  1194.       <!-- 核心技术 - 工业美学设计 -->
    1195. 

  1195.       <section class="template-page" data-background-transition="slide">
    1196. 

  1196.         <div class="content-box">
    1197. 

  1197.           <h3>工业美学设计</h3>
    1198. 

  1198.           <div class="grid-container">
    1199. 

  1199.             <div class="grid-item">
    1200. 

  1200.               <h4>设计语言</h4>
    1201. 

  1201.               <div style="margin: 20px 0;">
    1202. 

  1202.                 <h5 style="color: var(--primary-color); margin-bottom: 10px;">色彩系统</h5>
    1203. 

  1203.                 <div style="display: flex; gap: 10px;">
    1204. 

  1204.                   <div style="width: 60px; height: 60px; background-color: #4A4A4A; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.8rem;">
    1205. 

  1205.                     装甲灰<br>#4A4A4A
    1206. 

  1206.                   </div>
    1207. 

  1207.                   <div style="width: 60px; height: 60px; background-color: #FF2E2E; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.8rem;">
    1208. 

  1208.                     雷达红<br>#FF2E2E
    1209. 

  1209.                   </div>
    1210. 

  1210.                   <div style="width: 60px; height: 60px; background-color: #FF7D00; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.8rem;">
    1211. 

  1211.                     警示橙<br>#FF7D00
    1212. 

  1212.                   </div>
    1213. 

  1213.                   <div style="width: 60px; height: 60px; background-color: #0D19A3; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.8rem;">
    1214. 

  1214.                     量子蓝<br>#0D19A3
    1215. 

  1215.                   </div>
    1216. 

  1216.                 </div>
    1217. 

  1217.               </div>
    1218. 

  1218.               
    1219. 

  1219.               <div>
    1220. 

  1220.                 <h5 style="color: var(--primary-color); margin-bottom: 10px;">控件设计</h5>
    1221. 

  1221.                 <ul style="padding-left: 20px; margin-top: 10px;">
    1222. 

  1222.                   <li><strong>铆钉式按钮</strong>：模拟工业设备铆钉结构，金属质感+红色警示</li>
    1223. 

  1223.                   <li><strong>防爆舱仪表盘</strong>：圆形刻度盘+指针式显示，装甲灰边框</li>
    1224. 

  1224.                   <li><strong>军用级警示灯</strong>：旋转式红灯+蜂鸣器图标，故障时脉冲闪烁</li>
    1225. 

  1225.                   <li><strong>金属拉丝面板</strong>：背景采用细腻的金属拉丝纹理，增强工业质感</li>
    1226. 

  1226.                 </ul>
    1227. 

  1227.               </div>
    1228. 

  1228.             </div>
    1229. 

  1229.             
    1230. 

  1230.             <div class="grid-item">
    1231. 

  1231.               <h4>界面设计案例</h4>
    1232. 

  1232.               <div style="background-color: #121212; border-radius: 8px; overflow: hidden; margin-bottom: 20px;">
    1233. 

  1233.                 <div style="height: 300px; background: linear-gradient(to right, #4A4A4A, #333333); display: flex; align-items: center; justify-content: center;">
    1234. 

  1234.                   <img src="./铁卫哨兵——工业智能检测系统1_files/116-600x300.jpg" alt="工业界面设计" style="max-width: 100%; height: auto;" data-extentions-extra-ocr-id="ea6f6dcc9b597a237f086929c89310be">
    1235. 

  1235.                 </div>
    1236. 

  1236.                 <div style="padding: 15px; background-color: rgba(255, 255, 255, 0.05);">
    1237. 

  1237.                   <p style="color: white; margin: 0;">汽车缸体加工机床监控界面</p>
    1238. 

  1238.                   <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 5px 0;">金属拉丝面板+铆钉式控件+实时数据仪表盘</p>
    1239. 

  1239.                 </div>
    1240. 

  1240.               </div>
    1241. 

  1241.               
    1242. 

  1242.               <div style="background-color: #121212; border-radius: 8px; overflow: hidden;">
    1243. 

  1243.                 <div style="height: 300px; background: linear-gradient(to right, #4A4A4A, #333333); display: flex; align-items: center; justify-content: center;">
    1244. 

  1244.                   <img src="./铁卫哨兵——工业智能检测系统1_files/115-600x300.jpg" alt="工业界面设计" style="max-width: 100%; height: auto;" data-extentions-extra-ocr-id="4dac952e3abb48920aea8bbeb0ee9909">
    1245. 

  1245.                 </div>
    1246. 

  1246.                 <div style="padding: 15px; background-color: rgba(255, 255, 255, 0.05);">
    1247. 

  1247.                   <p style="color: white; margin: 0;">生产线健康状态总览界面</p>
    1248. 

  1248.                   <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 5px 0;">防爆舱仪表盘+军用级警示灯+数据可视化图表</p>
    1249. 

  1249.                 </div>
    1250. 

  1250.               </div>
    1251. 

  1251.             </div>
    1252. 

  1252.           </div>
    1253. 

  1253.         </div>
    1254. 

  1254.       </section>
    1255. 

  1255.       
    1256. 

  1256.       <!-- 场景实战 - 液压系统歼灭战 -->
    1257. 

  1257.       <section class="template-page" data-background-transition="slide">
    1258. 

  1258.         <div class="content-box">
    1259. 

  1259.           <h2>3. 场景实战</h2>
    1260. 

  1260.           <h3>液压系统歼灭战</h3>
    1261. 

  1261.           <div style="margin: 30px 0;">
    1262. 

  1262.             <div class="timeline">
    1263. 

  1263.               <div class="timeline-item">
    1264. 

  1264.                 <div class="timeline-content">
    1265. 

  1265.                   <h4>压力突变检测</h4>
    1266. 

  1266.                   <p>铁卫哨兵系统检测到液压系统压力在200ms内骤降35%，触发一级预警</p>
    1267. 

  1267.                 </div>
    1268. 

  1268.               </div>
    1269. 

  1269.               <div class="timeline-item">
    1270. 

  1270.                 <div class="timeline-content">
    1271. 

  1271.                   <h4>油温超限确认</h4>
    1272. 

  1272.                   <p>同步检测到液压油温度升高12℃，超过正常工作范围，确认存在异常</p>
    1273. 

  1273.                 </div>
    1274. 

  1274.               </div>
    1275. 

  1275.               <div class="timeline-item">
    1276. 

  1276.                 <div class="timeline-content">
    1277. 

  1277.                   <h4>自动降压保护</h4>
    1278. 

  1278.                   <p>系统自动启动降压保护程序，将系统压力降至安全阈值，防止故障扩大</p>
    1279. 

  1279.                 </div>
    1280. 

  1280.               </div>
    1281. 

  1281.               <div class="timeline-item">
    1282. 

  1282.                 <div class="timeline-content">
    1283. 

  1283.                   <h4>维修工单生成</h4>
    1284. 

  1284.                   <p>基于贝叶斯网络诊断，推测为液压阀泄漏，自动生成维修工单并推送</p>
    1285. 

  1285.                 </div>
    1286. 

  1286.               </div>
    1287. 

  1287.               <div class="timeline-item">
    1288. 

  1288.                 <div class="timeline-content">
    1289. 

  1289.                   <h4>维修验收完成</h4>
    1290. 

  1290.                   <p>维修团队更换液压阀后，系统检测各项指标恢复正常，验收通过</p>
    1291. 

  1291.                 </div>
    1292. 

  1292.               </div>
    1293. 

  1293.             </div>
    1294. 

  1294.           </div>
    1295. 

  1295.           <div style="display: flex; justify-content: center; margin: 40px 0;">
    1296. 

  1296.             <div style="width: 80%; max-width: 800px; background-color: rgba(13, 25, 163, 0.1); border-radius: 10px; padding: 30px; text-align: center;">
    1297. 

  1297.               <h3 style="color: var(--cyber-blue); margin-bottom: 20px;">战役成果</h3>
    1298. 

  1298.               <p style="font-size: 1.5rem; color: var(--primary-color); margin: 10px 0;">避免 $120k 液压缸爆裂事故</p>
    1299. 

  1299.               <div style="display: flex; justify-content: center; gap: 40px; margin: 30px 0;">
    1300. 

  1300.                 <div>
    1301. 

  1301.                   <p style="font-size: 2rem; color: var(--accent-color); margin: 0;">98%</p>
    1302. 

  1302.                   <p style="color: var(--primary-color); margin: 5px 0;">故障精准定位率</p>
    1303. 

  1303.                 </div>
    1304. 

  1304.                 <div>
    1305. 

  1305.                   <p style="font-size: 2rem; color: var(--accent-color); margin: 0;">15分钟</p>
    1306. 

  1306.                   <p style="color: var(--primary-color); margin: 5px 0;">从预警到维修完成</p>
    1307. 

  1307.                 </div>
    1308. 

  1308.                 <div>
    1309. 

  1309.                   <p style="font-size: 2rem; color: var(--accent-color); margin: 0;">0</p>
    1310. 

  1310.                   <p style="color: var(--primary-color); margin: 5px 0;">生产停机损失</p>
    1311. 

  1311.                 </div>
    1312. 

  1312.               </div>
    1313. 

  1313.             </div>
    1314. 

  1314.           </div>
    1315. 

  1315.         </div>
    1316. 

  1316.       </section>
    1317. 

  1317.       
    1318. 

  1318.       <!-- 场景实战 - 主轴保卫战 -->
    1319. 

  1319.       <section class="template-page" data-background-transition="slide">
    1320. 

  1320.         <div class="content-box">
    1321. 

  1321.           <h3>主轴保卫战</h3>
    1322. 

  1322.           <div class="grid-container">
    1323. 

  1323.             <div class="grid-item">
    1324. 

  1324.               <h4>预测模型</h4>
    1325. 

  1325.               <p style="background-color: rgba(74, 74, 74, 0.05); padding: 15px; border-radius: 8px; font-family: monospace;">
    1326. 

  1326.                 退化指数DI = (高频能量/总能量) × 温变速率
    1327. 

  1327.               </p>
    1328. 

  1328.               <p>通过分析主轴振动信号的高频能量占比与温度变化速率，构建设备退化指数模型，实现主轴剩余寿命预测。</p>
    1329. 

  1329.               
    1330. 

  1330.               <div style="margin-top: 30px;">
    1331. 

  1331.                 <h5 style="color: var(--primary-color); margin-bottom: 15px;">传统维护 vs 预测性维护</h5>
    1332. 

  1332.                 <div class="comparison-table" style="font-size: 0.9rem;">
    1333. 

  1333.                   
    1334. 

  1334.                     
    1335. 

  1335.                       指标
    1336. 

  1336.                       传统维护
    1337. 

  1337.                       铁卫哨兵
    1338. 

  1338.                     
    1339. 

  1339.                   
    1340. 

  1340.                   
    1341. 

  1341.                     
    1342. 

  1342.                       维护策略
    1343. 

  1343.                       定时更换
    1344. 

  1344.                       基于状态
    1345. 

  1345.                     
    1346. 

  1346.                     
    1347. 

  1347.                       更换周期
    1348. 

  1348.                       40天
    1349. 

  1349.                       动态预测
    1350. 

  1350.                     
    1351. 

  1351.                     
    1352. 

  1352.                       备件库存成本
    1353. 

  1353.                       高
    1354. 

  1354.                       降低40%
    1355. 

  1355.                     
    1356. 

  1356.                     
    1357. 

  1357.                       非计划停机
    1358. 

  1358.                       常见
    1359. 

  1359.                       几乎为零
    1360. 

  1360.                     
    1361. 

  1361.                     
    1362. 

  1362.                       维护成本
    1363. 

  1363.                       $25,000/次
    1364. 

  1364.                       $12,000/次
    1365. 

  1365.                     
    1366. 

  1366.                   
    1367. 

  1367.                 </div>
    1368. 

  1368.               </div>
    1369. 

  1369.             </div>
    1370. 

  1370.             
    1371. 

  1371.             <div class="grid-item">
    1372. 

  1372.               <h4>预测可视化</h4>
    1373. 

  1373.               <div style="display: flex; justify-content: center; margin: 30px 0;">
    1374. 

  1374.                 <div style="width: 300px; height: 300px; position: relative;">
    1375. 

  1375.                   <svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
    1376. 

  1376.                     <circle cx="150" cy="150" r="120" fill="none" stroke="#eee" stroke-width="10"></circle>
    1377. 

  1377.                     <circle id="lifeCircle" cx="150" cy="150" r="120" fill="none" stroke="#FF2E2E" stroke-width="10" stroke-dasharray="753.98" stroke-dashoffset="0"></circle>
    1378. 

  1378.                     <text x="150" y="150" font-size="24" text-anchor="middle" dominant-baseline="middle" fill="var(--primary-color)">0天</text>
    1379. 

  1379.                     <text x="150" y="180" font-size="14" text-anchor="middle" dominant-baseline="middle" fill="var(--primary-color)">剩余寿命</text>
    1380. 

  1380.                   <!-- Code injected by live-server -->
    1381. 

  1381. <script>
    1382. 

  1382. 	//   &lt;-- For SVG support
    1383. 

  1383. 	if ('WebSocket' in window) {
    1384. 

  1384. 		(function () {
    1385. 

  1385. 			function refreshCSS() {
    1386. 

  1386. 				var sheets = [].slice.call(document.getElementsByTagName("link"));
    1387. 

  1387. 				var head = document.getElementsByTagName("head")[0];
    1388. 

  1388. 				for (var i = 0; i &lt; sheets.length; ++i) {
    1389. 

  1389. 					var elem = sheets[i];
    1390. 

  1390. 					var parent = elem.parentElement || head;
    1391. 

  1391. 					parent.removeChild(elem);
    1392. 

  1392. 					var rel = elem.rel;
    1393. 

  1393. 					if (elem.href &amp;&amp; typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
    1394. 

  1394. 						var url = elem.href.replace(/(&amp;|\?)_cacheOverride=\d+/, '');
    1395. 

  1395. 						elem.href = url + (url.indexOf('?') &gt;= 0 ? '&amp;' : '?') + '_cacheOverride=' + (new Date().valueOf());
    1396. 

  1396. 					}
    1397. 

  1397. 					parent.appendChild(elem);
    1398. 

  1398. 				}
    1399. 

  1399. 			}
    1400. 

  1400. 			var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
    1401. 

  1401. 			var address = protocol + window.location.host + window.location.pathname + '/ws';
    1402. 

  1402. 			var socket = new WebSocket(address);
    1403. 

  1403. 			socket.onmessage = function (msg) {
    1404. 

  1404. 				if (msg.data == 'reload') window.location.reload();
    1405. 

  1405. 				else if (msg.data == 'refreshcss') refreshCSS();
    1406. 

  1406. 			};
    1407. 

  1407. 			if (sessionStorage &amp;&amp; !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
    1408. 

  1408. 				console.log('Live reload enabled.');
    1409. 

  1409. 				sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
    1410. 

  1410. 			}
    1411. 

  1411. 		})();
    1412. 

  1412. 	}
    1413. 

  1413. 	else {
    1414. 

  1414. 		console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
    1415. 

  1415. 	}
    1416. 

  1416. 	// 
    1417. 

  1417. </script>
    1418. 

  1418. </svg>
    1419. 

  1419.                 </div>
    1420. 

  1420.               </div>
    1421. 

  1421.               <p style="text-align: center; color: var(--primary-color); margin-top: 20px;">主轴寿命沙漏（剩余寿命从 <span class="highlight">40天→精准预测</span>）</p>
    1422. 

  1422.               
    1423. 

  1423.               <div style="margin-top: 30px; background-color: rgba(255, 46, 46, 0.1); border-radius: 8px; padding: 20px;">
    1424. 

  1424.                 <h4 style="color: var(--secondary-color); margin-top: 0; text-align: center;">战役成果</h4>
    1425. 

  1425.                 <p style="text-align: center; margin: 10px 0;">成功将主轴更换周期从固定40天优化为动态预测，</p>
    1426. 

  1426.                 <p style="text-align: center; margin: 10px 0;">平均延长主轴使用寿命22%，年节省维护成本$85,000</p>
    1427. 

  1427.               </div>
    1428. 

  1428.             </div>
    1429. 

  1429.           </div>
    1430. 

  1430.         </div>
    1431. 

  1431.       </section>
    1432. 

  1432.       
    1433. 

  1433.       <!-- 场景实战 - 多战线协同作战 -->
    1434. 

  1434.       <section class="template-page" data-background-transition="slide">
    1435. 

  1435.         <div class="content-box">
    1436. 

  1436.           <h3>多战线协同作战</h3>
    1437. 

  1437.           <p style="text-align: center; margin: 30px 0; font-size: 1.2rem;">铁卫哨兵指挥中心作战流程</p>
    1438. 

  1438.           <div style="display: flex; flex-direction: column; align-items: center; margin: 30px 0;">
    1439. 

  1439.             <div style="width: 80%; max-width: 800px; position: relative;">
    1440. 

  1440.               <div style="position: relative; padding: 30px; background-color: rgba(74, 74, 74, 0.05); border-radius: 10px;">
    1441. 

  1441.                 <div style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background-color: var(--secondary-color); color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold;">
    1442. 

  1442.                   多设备协同监测与联动响应
    1443. 

  1443.                 </div>
    1444. 

  1444.                 
    1445. 

  1445.                 <div style="display: flex; flex-direction: column; align-items: center; gap: 30px;">
    1446. 

  1446.                   <div style="width: 100%; display: flex; justify-content: space-around; gap: 20px;">
    1447. 

  1447.                     <div class="weapon-card">
    1448. 

  1448.                       <div class="weapon-icon" style="background-color: var(--accent-color);">
    1449. 

  1449.                         <i class="fas fa-bell"></i>
    1450. 

  1450.                       </div>
    1451. 

  1451.                       <div>
    1452. 

  1452.                         <h4>实时告警</h4>
    1453. 

  1453.                         <p>多设备异常同步检测，优先级自动排序</p>
    1454. 

  1454.                       </div>
    1455. 

  1455.                     </div>
    1456. 

  1456.                     
    1457. 

  1457.                     <div class="weapon-icon" style="width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem;">
    1458. 

  1458.                       <i class="fas fa-arrow-right"></i>
    1459. 

  1459.                     </div>
    1460. 

  1460.                   </div>
    1461. 

  1461.                   
    1462. 

  1462.                   <div class="weapon-icon" style="width: 80px; height: 80px; background-color: var(--cyber-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin: -40px 0; z-index: 1;">
    1463. 

  1463.                     <i class="fas fa-brain"></i>
    1464. 

  1464.                   </div>
    1465. 

  1465.                   
    1466. 

  1466.                   <div style="width: 100%; display: flex; justify-content: space-around; gap: 20px;">
    1467. 

  1467.                     <div class="weapon-icon" style="width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem;">
    1468. 

  1468.                       <i class="fas fa-arrow-right"></i>
    1469. 

  1469.                     </div>
    1470. 

  1470.                     
    1471. 

  1471.                     <div class="weapon-card">
    1472. 

  1472.                       <div class="weapon-icon" style="background-color: var(--secondary-color);">
    1473. 

  1473.                         <i class="fas fa-glasses"></i>
    1474. 

  1474.                       </div>
    1475. 

  1475.                       <div>
    1476. 

  1476.                         <h4>AR透视诊断</h4>
    1477. 

  1477.                         <p>三维可视化故障定位，维修步骤引导</p>
    1478. 

  1478.                       </div>
    1479. 

  1479.                     </div>
    1480. 

  1480.                   </div>
    1481. 

  1481.                   
    1482. 

  1482.                   <div style="width: 100%; display: flex; justify-content: space-around; gap: 20px;">
    1483. 

  1483.                     <div class="weapon-card">
    1484. 

  1484.                       <div class="weapon-icon" style="background-color: var(--accent-color);">
    1485. 

  1485.                         <i class="fas fa-tasks"></i>
    1486. 

  1486.                       </div>
    1487. 

  1487.                       <div>
    1488. 

  1488.                         <h4>工单派发</h4>
    1489. 

  1489.                         <p>自动匹配维修团队，备件库存检查</p>
    1490. 

  1490.                       </div>
    1491. 

  1491.                     </div>
    1492. 

  1492.                     
    1493. 

  1493.                     <div class="weapon-icon" style="width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem;">
    1494. 

  1494.                       <i class="fas fa-arrow-right"></i>
    1495. 

  1495.                     </div>
    1496. 

  1496.                   </div>
    1497. 

  1497.                   
    1498. 

  1498.                   <div style="width: 100%; display: flex; justify-content: space-around; gap: 20px;">
    1499. 

  1499.                     <div class="weapon-icon" style="width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem;">
    1500. 

  1500.                       </div></div></div></div></div></div></div></section></div></div><div data-v-5122f198="" class="wps_ai_link" style="display: none;"><svg data-v-5122f198="" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path data-v-5122f198="" d="M0 2C0 0.895431 0.895431 0 2 0H14C15.1046 0 16 0.895431 16 2V14C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14V2Z" fill="#1D70F5"></path><path data-v-5122f198="" d="M0 14H16C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14Z" fill="#0059E8"></path><path data-v-5122f198="" d="M8 14H16C16 15.1046 15.1046 16 14 16H8V14Z" fill="#3C87FF"></path><path data-v-5122f198="" d="M3.34164 3H4.87711L5.88781 7.62035L7.21221 3.5H8.7878L10.1122 7.62035L11.1229 3H12.6584L10.9084 11H9.62293L8 5.95091L6.37708 11H5.09164L3.34164 3Z" fill="white"></path></svg><!----><!----><span data-v-5122f198="" class="wps_ai_link_title">在线打开</span></div><wps-floating-ball id="wps-floating-ball" style="z-index: 2147483647;"><template shadowrootmode="open"><style>*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Noto Sans","Noto Sans CJK SC","Microsoft YaHei","微软雅黑",sans-serif;font-size:14px;user-select:none}div,input,li,ol,p,span,text,ul{margin:0;padding:0;border:0;color:rgba(13,13,13,.9)}img{margin:0;padding:0}li,ol,ul{list-style:none}input,select,text,textarea{outline:0}a,a:active,a:hover,a:link,a:visited{color:rgba(13,13,13,.9);text-decoration:none;outline:0}a:hover{color:#3d4757;text-decoration:none}a:hidefocus{outline:0}a:focus{outline:0}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-button{background-color:none;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ccd0d6}::-webkit-scrollbar-thumb:active{background:#ccd0d6}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-resizer{background:0 0}@keyframes fadeinframes{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes loadSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.wps_ai_fadein{animation:fadeinframes 150ms ease}button{background:0 0;border:0;margin:0;padding:0;cursor:pointer;text-align:left;border-radius:6px;outline:0;font-size:14px;text-shadow:none;box-shadow:none;box-sizing:border-box;display:flex;justify-content:center;align-items:center}button:hover{background:rgba(13,13,13,.06)}button:active{background:rgba(13,13,13,.1)}.text-tooltip-container{position:relative;display:inline-block}.text-tooltip-container .tooltip{position:absolute;left:50%;transform:translateX(-50%);z-index:1}.text-tooltip-container .tooltip .tooltip-content{color:#fff;padding:6px 12px;white-space:nowrap;border-radius:8px;background:#575757}.text-tooltip-container .tooltip .tooltip-arrow{width:0;height:0;margin:0 auto}.text-tooltip-container .tooltip-top{top:-40px}.text-tooltip-container .tooltip-top .tooltip-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-top:5px solid #575757}.text-tooltip-container .tooltip-bottom{top:calc(100% + 8px)}.text-tooltip-container .tooltip-bottom .tooltip-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:5px solid #575757}*{box-sizing:border-box}.floating-ball{position:fixed;border-radius:27px;border:1px solid var(---kd-color-line-light,rgba(13,13,13,.06));background:var(---kd-color-background-top,#fff);box-shadow:0 3.6px 9px 0 rgba(13,13,13,.08);z-index:2147483647}.floating-ball:hover{opacity:1;transform:translateX(0);cursor:pointer}.floating-ball.flipping{transform:scaleX(-1)}.floating-ball.flipping .tooltip-top>.tooltip-content{transform:scaleX(-1)}.floating-ball.flipping .menu-item-content>img{transform:scaleX(-1)}.floating-ball.flipping #wps_disablefeature_menu{transform:scaleX(-1)}.floating-ball-logo{display:flex;width:36px;height:36px;padding:9px;justify-content:center;align-items:center;gap:9px;flex-shrink:0;position:relative;z-index:2}.floating-ball-close{position:absolute;right:-4px;top:25px;width:16px;height:16px;display:flex;z-index:3}.menu-container{position:absolute;top:calc(-50% - 36px)}.menu-container.active{height:176px;width:88px;left:-68px;top:-68px}.menu-fade-enter-active,.menu-fade-leave-active{transition:opacity .2s,transform .2s}.menu-fade-enter,.menu-fade-leave-to{opacity:0;transform:translateX(34px) scale(0)}.menu-items{position:relative;width:100%;height:100%}.menu-item{display:flex;justify-content:center;align-items:center;position:absolute;z-index:99}.menu-item>img{display:none;position:absolute}.menu-item:hover>img{display:block}.tooltip-top{display:none;align-items:center;position:absolute;top:-8px;left:-64px;background:#333;border-radius:8px;padding:6px 12px;white-space:nowrap;z-index:100}.tooltip-top.isBeta{background:#333;left:-106px}.tooltip-top::after{content:"";position:absolute;top:11px;left:100%;border-width:5px;border-style:solid;border-color:transparent transparent transparent #333;display:flex;gap:4px}.tooltip-content>span{color:#fff}.menu-item:hover .tooltip-top{display:flex}.menu-bg{left:0;position:absolute;z-index:0}.menu-item-ring0{top:4px;left:32px;width:53px;height:48px}.menu-item-ring1{top:31px;left:5px;width:47px;height:55px}.menu-item-ring1 .menu-item-content{top:24px;left:16px}.menu-item-ring2{top:90px;left:4px;width:48px;height:54px}.menu-item-ring2 .menu-item-content{top:15px;left:16px}.menu-item-ring3{top:123px;left:32px;width:52px;height:48px}.menu-item-content{position:absolute;z-index:99;top:14px;left:23px}span.betaTip{background-color:#edf4ff;color:#1f69e0;border-radius:3px;padding:0 4px;font-size:10px;font-weight:600;margin-left:4px;height:14px}.tooltip-content{display:flex;align-items:center;gap:4px}.menu{position:absolute;width:182px;top:48px;right:0;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid rgba(13,13,13,.12);background:#fff;box-shadow:0 12px 32px 0 rgba(13,13,13,.08);z-index:999}.menu_item{display:flex;align-items:center;justify-content:left;align-self:stretch;box-sizing:border-box;margin:4px 0;height:32px;width:100%;padding:4px 8px;color:rgba(13,13,13,.9)}.menu_item:hover{border-radius:6px;background:rgba(13,13,13,.06)}.menu_item:active{border-radius:6px;background:rgba(13,13,13,.1)}.menu_last{height:1px;margin:0;padding:0;background:rgba(13,13,13,.12)}.menu_setting{color:#1f69e0}.menu_contact{position:relative}.menu_contact .menu_img{position:absolute;top:0;right:-138px;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-radius:4px;border:1px solid rgba(13,13,13,.12);background:#fff;box-shadow:0 12px 32px 0 rgba(13,13,13,.08);color:rgba(13,13,13,.46);font-size:12px}.menu_contact .menu_img img{width:100px;height:100px}.menu_contact .menu_img .feedback_txt{color:rgba(13,13,13,.9);font-size:12px}.menu_contact .menu_img_onleft{left:-138px;right:unset}</style><div data-v-42da9b4d="" class="floating-ball" style="left: 1788px; top: 237px; transition: 0.2s;"><div data-v-42da9b4d="" class="floating-ball-logo"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjU5MzcgNS4wNDg3Nkw3Ljc1NDU3IDE2LjUyNjhDNy41MjQ3NCAxNi45Nzg1IDcuMDY3NjIgMTcuMjM4MyA2LjU5MzggMTcuMjM3NkM2LjExOTk1IDE3LjIzODMgNS42NjI4MyAxNi45Nzg2IDUuNDMyOTkgMTYuNTI2OEwwLjE0MTg5NiA2LjEyNjA1QzAuMDExMTMzMiA1Ljg2OTAxIC0wLjAyNjE4NzUgNS41ODg4OSAwLjAxNzMzNDIgNS4zMjQ1M0MwLjA4ODY1MzIgNC42NzMzNyAwLjYzOTY2MSA0LjE2Njc1IDEuMzA4ODEgNC4xNjY3NUg4LjA4MTFDOC42MjE3NSA0LjE2Njc1IDkuMDg1MjcgNC40OTc0NyA5LjI4MSA0Ljk2Nzk1TDkuNTU3MTUgNS41MTA4N0w4LjA5ODI0IDguMzc2MTlMNy4yODA4OCA2Ljc2OTQ5SDMuMzg1NzlMNi41OTM3NiAxMy4wNzU0TDEwLjcwOTkgNC45ODQ0M0MxMC45NjUxIDQuNDgyNzIgMTEuNDgwMyA0LjE2Njc1IDEyLjA0MzIgNC4xNjY3NUgxNC44OTQ0QzE0LjYzODQgNC4xNzY2MSAxNC4zOTc3IDQuMjQ5NTIgMTQuMTcyMiA0LjM4NTVDMTMuOTU1NiA0LjUxNjAzIDEzLjc2ODIgNC43MjY5NSAxMy42MSA1LjAxODI2TDEzLjU5MzkgNS4wNDgzMkwxMy41OTM3IDUuMDQ4NzZaIiBmaWxsPSIjRkYxNTIyIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNzg3MiA0LjE2Njc1QzE1LjUzMTMgNC4xNzY2MSAxNS4yOTA1IDQuMjQ5NTIgMTUuMDY1IDQuMzg1NUMxNC44NDg0IDQuNTE2MDMgMTQuNjYxMSA0LjcyNjk1IDE0LjUwMjggNS4wMTgyNkwxNC40ODU0IDUuMDUwODRMMTMuNjExMSA2Ljc2OTUxTDE2LjYxMyA2Ljc2OTVMMTMuNDA1MiAxMy4wNzVMMTEuOTA0MyAxMC4xMjQ2TDEwLjc2MTQgMTIuMzcxMkwxMC43NTU1IDEyLjM2OTJMMTAuNDQyNCAxMi45ODQxTDEyLjI0NTkgMTYuNTI5MkMxMi40NzI1IDE2Ljk3MzQgMTIuOTE5NyAxNy4yMzEyIDEzLjM4NTkgMTcuMjM3NUMxMy4zOTE0IDE3LjIzNzYgMTMuMzk2OSAxNy4yMzc2IDEzLjQwMjUgMTcuMjM3NkgxMy40MDgxQzEzLjQxNDYgMTcuMjM3NiAxMy40MjEyIDE3LjIzNzYgMTMuNDI3OCAxNy4yMzc1QzEzLjg5MjggMTcuMjMwMSAxNC4zMzg1IDE2Ljk3MjQgMTQuNTY0NiAxNi41MjkyTDE0LjU2NTQgMTYuNTI3OEwxOS44NTg1IDYuMTIzMDdDMTkuOTY0MiA1LjkxNTIyIDIwLjAwODcgNS42OTIzIDE5Ljk5ODYgNS40NzQ4OEwxOS45OTg2IDUuNDY1OTZDMTkuOTk4NiA0Ljc0ODQyIDE5LjQxNjkgNC4xNjY3NSAxOC42OTk1IDQuMTY2NzVIMTUuNzg3MlpNMTMuNDI0OSAxNy4yMzc0TDEzLjQyNzggMTcuMjM3NUMxMy40MjY4IDE3LjIzNzQgMTMuNDI1OCAxNy4yMzc0IDEzLjQyNDkgMTcuMjM3NFpNMTMuMzgyNyAxNy4yMzc0TDEzLjM4NTkgMTcuMjM3NUMxMy4zODQ5IDE3LjIzNzQgMTMuMzgzOCAxNy4yMzc0IDEzLjM4MjcgMTcuMjM3NFoiIGZpbGw9IiNGRjE1MjIiLz4KPC9zdmc+Cg==" alt=""></div><div data-v-42da9b4d="" class="floating-ball-close" style="display: none;"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYuNzUiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS4yMTQzNiA2LjI1MDA3QzQuOTI4MzkgNS45NjQxIDQuOTI4MzggNS41MDA0NSA1LjIxNDM1IDUuMjE0NDhDNS41MDAzMiA0LjkyODUxIDUuOTYzOTggNC45Mjg1MSA2LjI0OTk1IDUuMjE0NDdMNy45OTk4OCA2Ljk2NDM2TDkuNzQ5OCA1LjIxNDQ3QzEwLjAzNTggNC45Mjg1MSAxMC40OTk0IDQuOTI4NTEgMTAuNzg1NCA1LjIxNDQ4QzExLjA3MTQgNS41MDA0NSAxMS4wNzE0IDUuOTY0MSAxMC43ODU0IDYuMjUwMDdMOS4wMzU0OCA3Ljk5OTk0TDEwLjc4NTMgOS43NDk3MkMxMS4wNzEzIDEwLjAzNTcgMTEuMDcxMyAxMC40OTkzIDEwLjc4NTMgMTAuNzg1M0MxMC40OTkzIDExLjA3MTMgMTAuMDM1NyAxMS4wNzEzIDkuNzQ5NzEgMTAuNzg1M0w3Ljk5OTg4IDkuMDM1NTJMNi4yNTAwNCAxMC43ODUzQzUuOTY0MDcgMTEuMDcxMyA1LjUwMDQxIDExLjA3MTMgNS4yMTQ0NCAxMC43ODUzQzQuOTI4NDcgMTAuNDk5MyA0LjkyODQ3IDEwLjAzNTcgNS4yMTQ0NSA5Ljc0OTcyTDYuOTY0MjcgNy45OTk5NEw1LjIxNDM2IDYuMjUwMDdaIiBmaWxsPSIjNzU3NTc1Ii8+Cjwvc3ZnPgo=" alt=""></div><div data-v-42da9b4d="" class="menu-container active" style="display: none;"><svg data-v-42da9b4d="" width="88" height="176" viewBox="0 0 88 176" fill="none" xmlns="http://www.w3.org/2000/svg" class="menu-bg"><foreignobject data-v-42da9b4d="" x="-7" y="-7" width="102.001" height="190"><div data-v-42da9b4d="" xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter: blur(3.5px); clip-path: url(&quot;#bgblur_0_8118_40266_clip_path&quot;); height: 100%; width: 100%;"></div></foreignobject><path data-v-42da9b4d="" data-figma-bg-blur-radius="7" d="M88.001 40.6037C88.001 42.7765 86.2623 44.5324 84.1035 44.7798C80.1384 45.2342 76.2477 46.2391 72.5459 47.7724C67.329 49.9333 62.5886 53.1009 58.5957 57.0937C54.6028 61.0866 51.4354 65.8269 49.2744 71.0439C47.1135 76.2607 46.001 81.8523 46.001 87.499C46.001 93.1458 47.1135 98.738 49.2744 103.955C51.4354 109.172 54.6029 113.912 58.5957 117.905C62.5885 121.898 67.3291 125.066 72.5459 127.227C76.2477 128.76 80.1384 129.764 84.1035 130.218C86.2623 130.466 88.001 132.221 88.001 134.394V172.087C88.001 174.296 86.2091 176.096 84.0023 175.996C73.8117 175.532 63.7685 173.297 54.3252 169.382C43.6487 164.955 33.9469 158.467 25.7754 150.287C17.604 142.108 11.1216 132.397 6.69922 121.71C2.27682 111.023 1.20788e-05 99.5677 0 87.9999C7.50448e-06 76.4324 2.27694 64.978 6.69922 54.291C11.1216 43.6038 17.6039 33.8924 25.7754 25.7128C33.9469 17.5333 43.6486 11.0448 54.3252 6.6181C63.7685 2.70279 73.8117 0.468019 84.0023 0.00401194C86.2091 -0.0964727 88.001 1.70388 88.001 3.91302V40.6037Z" fill="#E5E5E5" fill-opacity="0.7"></path><defs data-v-42da9b4d=""><clippath data-v-42da9b4d="" id="bgblur_0_8118_40266_clip_path" transform="translate(7 7)"><path data-v-42da9b4d="" d="M88.001 40.6037C88.001 42.7765 86.2623 44.5324 84.1035 44.7798C80.1384 45.2342 76.2477 46.2391 72.5459 47.7724C67.329 49.9333 62.5886 53.1009 58.5957 57.0937C54.6028 61.0866 51.4354 65.8269 49.2744 71.0439C47.1135 76.2607 46.001 81.8523 46.001 87.499C46.001 93.1458 47.1135 98.738 49.2744 103.955C51.4354 109.172 54.6029 113.912 58.5957 117.905C62.5885 121.898 67.3291 125.066 72.5459 127.227C76.2477 128.76 80.1384 129.764 84.1035 130.218C86.2623 130.466 88.001 132.221 88.001 134.394V172.087C88.001 174.296 86.2091 176.096 84.0023 175.996C73.8117 175.532 63.7685 173.297 54.3252 169.382C43.6487 164.955 33.9469 158.467 25.7754 150.287C17.604 142.108 11.1216 132.397 6.69922 121.71C2.27682 111.023 1.20788e-05 99.5677 0 87.9999C7.50448e-06 76.4324 2.27694 64.978 6.69922 54.291C11.1216 43.6038 17.6039 33.8924 25.7754 25.7128C33.9469 17.5333 43.6486 11.0448 54.3252 6.6181C63.7685 2.70279 73.8117 0.468019 84.0023 0.00401194C86.2091 -0.0964727 88.001 1.70388 88.001 3.91302V40.6037Z"></path></clippath></defs></svg><div data-v-42da9b4d="" class="menu-items"><div data-v-42da9b4d="" class="menu-item menu-item-ring0"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA1NCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUzLjA2OTQgMzMuMzkwNEM1My4wNjk0IDM1LjQ3MjkgNTEuNDY2OSAzNy4xODg3IDQ5LjQxMDggMzcuNTE4OUM0MS4zNTA2IDM4LjgxMzQgMzMuOTc4OSA0Mi4xMzYgMjcuODQ2NiA0Ni45NDA2QzI2LjE1NTYgNDguMjY1NSAyMy43MTgzIDQ4LjIzMjkgMjIuMTk5MyA0Ni43MTM5TDEuNzAwNjYgMjYuMjE1MkMwLjExNjIwNSAyNC42MzA4IDAuMTM2MzA4IDIyLjA0NjIgMS44MjU5NCAyMC41NzQ0QzguNjcwMDggMTQuNjEyNiAxNi40NDU1IDkuNzkwNzcgMjQuODU0NiA2LjMwNzZDMzIuNTM5MSAzLjEyNDY0IDQwLjYzOTYgMS4xMDY2MiA0OC44ODg4IDAuMzA2MzY0QzUxLjE2MDggMC4wODU5NTk3IDUzLjA2OTQgMS45MTUgNTMuMDY5NCA0LjE5NzYyVjMzLjM5MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K" alt=""><div data-v-42da9b4d="" class="menu-item-content"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ1NjcxIDkuMjAxNTdDOC43MTMwMSA5LjAzODU0IDkuMDUyOTQgOS4xMTQxNSA5LjIxNTk3IDkuMzcwNDVMMTAuNDk5MyAxMS4zODc5TDExLjc4MDggOS4zNzA4NEMxMS45NDM3IDkuMTE0NDUgMTIuMjgzNiA5LjAzODY2IDEyLjU0IDkuMjAxNTZDMTIuNzk2NCA5LjM2NDQ1IDEyLjg3MjIgOS43MDQzNCAxMi43MDkzIDkuOTYwNzNMMTEuMTUxMyAxMi40MTI5TDExLjcyOTggMTMuMzIyM0MxMi4wNTU3IDEyLjg2MjggMTIuNTkxOSAxMi41NjI5IDEzLjE5ODIgMTIuNTYyOUMxNC4xOTE4IDEyLjU2MjkgMTQuOTk3MiAxMy4zNjg0IDE0Ljk5NzIgMTQuMzYxOUMxNC45OTcyIDE1LjM1NTUgMTQuMTkxOCAxNi4xNjEgMTMuMTk4MiAxNi4xNjFDMTIuNDY4MSAxNi4xNjEgMTEuODM5NiAxNS43MjYgMTEuNTU3NiAxNS4xMDEyTDEwLjQ5OTggMTMuNDM4M0w5LjQyNTM2IDE1LjEyOTRDOS4xMzczNCAxNS43MzkxIDguNTE2ODMgMTYuMTYxIDcuNzk3OCAxNi4xNjFDNi44MDQyMyAxNi4xNjEgNS45OTg3OCAxNS4zNTU1IDUuOTk4NzggMTQuMzYxOUM1Ljk5ODc4IDEzLjM2ODQgNi44MDQyMyAxMi41NjI5IDcuNzk3OCAxMi41NjI5QzguNDA1MzkgMTIuNTYyOSA4Ljk0MjYzIDEyLjg2NDEgOS4yNjgzNSAxMy4zMjUzTDkuODQ3ODMgMTIuNDEzM0w4LjI4NzgzIDkuOTYwODNDOC4xMjQ4IDkuNzA0NTMgOC4yMDA0MSA5LjM2NDYgOC40NTY3MSA5LjIwMTU3Wk04LjQ1MDYxIDE0LjYxMjRDOC40ODA0NiAxNC41MzQ3IDguNDk2ODMgMTQuNDUwMiA4LjQ5NjgzIDE0LjM2MTlDOC40OTY4MyAxMy45NzU5IDguMTgzODYgMTMuNjYyOSA3Ljc5NzggMTMuNjYyOUM3LjQxMTc0IDEzLjY2MjkgNy4wOTg3OCAxMy45NzU5IDcuMDk4NzggMTQuMzYxOUM3LjA5ODc4IDE0Ljc0OCA3LjQxMTc0IDE1LjA2MSA3Ljc5NzggMTUuMDYxQzcuOTk2MTQgMTUuMDYxIDguMTc1MTggMTQuOTc4NCA4LjMwMjQxIDE0Ljg0NTdMOC40NTA2MSAxNC42MTI0Wk0xMi43MDgxIDE0Ljg2MDRDMTIuODM0MiAxNC45ODQ0IDEzLjAwNzMgMTUuMDYxIDEzLjE5ODIgMTUuMDYxQzEzLjU4NDMgMTUuMDYxIDEzLjg5NzIgMTQuNzQ4IDEzLjg5NzIgMTQuMzYxOUMxMy44OTcyIDEzLjk3NTkgMTMuNTg0MyAxMy42NjI5IDEzLjE5ODIgMTMuNjYyOUMxMi44MTIxIDEzLjY2MjkgMTIuNDk5MiAxMy45NzU5IDEyLjQ5OTIgMTQuMzYxOUMxMi40OTkyIDE0LjQ0MzIgMTIuNTEzIDE0LjUyMTMgMTIuNTM4NiAxNC41OTM5TDEyLjcwODEgMTQuODYwNFoiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTQuNDk5MDIgMi42NjI5NkgzLjI0OTAyQzIuNDIwNiAyLjY2Mjk2IDEuNzQ5MDIgMy4zMzQ1NCAxLjc0OTAyIDQuMTYyOTZWNS40MTI5Nk01Ljk5OTAyIDIuNjYyOTZIOS45OTkwMk0xMS40OTkgMi42NjI5NkgxMi43NDlDMTMuNTc3NSAyLjY2Mjk2IDE0LjI0OSAzLjMzNDU0IDE0LjI0OSA0LjE2Mjk2VjcuNDEyOTZNMS43NDkwMiAxMC45MTNWNi45Mjk0Nk0xLjc0OTAyIDEyLjQxM1YxMy42NjNDMS43NDkwMiAxNC40OTE0IDIuNDIwNiAxNS4xNjMgMy4yNDkwMiAxNS4xNjNINC40OTkwMiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K" alt=""><div data-v-42da9b4d="" class="tooltip-top isBeta"><div data-v-42da9b4d="" class="tooltip-content"><span data-v-42da9b4d="">长截图</span><span data-v-42da9b4d="" class="betaTip" style="display: none;">Beta</span><svg data-v-42da9b4d="" width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect data-v-42da9b4d="" width="30" height="14" rx="3" fill="#FEF1F1"></rect><path data-v-42da9b4d="" d="M4.91 11V3.59H6.42L8.57 7.54L9.32 9.14H9.37C9.29 8.37 9.17 7.39 9.17 6.55V3.59H10.57V11H9.06L6.93 7.04L6.18 5.45H6.13C6.19 6.25 6.32 7.18 6.32 8.03V11H4.91ZM14.7202 11.14C13.1502 11.14 11.9302 10.05 11.9302 8.2C11.9302 6.39 13.2102 5.26 14.5402 5.26C16.0802 5.26 16.8802 6.38 16.8802 7.94C16.8802 8.21 16.8502 8.48 16.8102 8.62H13.3602C13.4802 9.53 14.0802 10 14.9202 10C15.3702 10 15.7602 9.87 16.1702 9.62L16.6702 10.52C16.1202 10.9 15.4102 11.14 14.7202 11.14ZM13.3302 7.63H15.6202C15.6202 6.88 15.2902 6.4 14.5602 6.4C13.9702 6.4 13.4502 6.82 13.3302 7.63ZM18.9817 11L17.5417 5.4H19.0017L19.6217 8.16C19.7117 8.71 19.7917 9.25 19.8817 9.8H19.9317C20.0417 9.25 20.1417 8.7 20.2817 8.16L20.9617 5.4H22.2617L22.9617 8.16C23.0917 8.71 23.1917 9.25 23.3217 9.8H23.3617C23.4617 9.25 23.5417 8.71 23.6417 8.16L24.2417 5.4H25.6117L24.2317 11H22.5017L21.9117 8.56C21.7917 8.03 21.6917 7.52 21.5817 6.92H21.5317C21.4317 7.52 21.3417 8.04 21.2317 8.56L20.6617 11H18.9817Z" fill="#DD3332"></path></svg></div></div></div></div><div data-v-42da9b4d="" class="menu-item menu-item-ring1"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA0OCA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ2LjM5NzEgMjIuNTY5MUM0Ny45MDg4IDI0LjA4MDggNDcuOTQ5IDI2LjUwMzUgNDYuNjQxNiAyOC4xOTVDNDEuNTM4MSAzNC43OTgyIDM4LjE4MjQgNDIuNzkzNyAzNy4yNTg3IDUxLjUwNkMzNy4wMjkzIDUzLjY2OTggMzUuMjcxMSA1NS40MTMyIDMzLjA5NTEgNTUuNDEzMkg0LjA4NTc3QzEuODQ4NjggNTUuNDEzMiAwLjAzNjc2IDUzLjU3NzMgMC4xODUwMDggNTEuMzQ1MUMwLjc5MTA5OSA0Mi4yMTkyIDIuODgzOTkgMzMuMjQwNiA2LjM5MzU4IDI0Ljc2NzdDOS43OTUyNyAxNi41NTUzIDE0LjQ3MzggOC45NDc5OCAyMC4yNDQgMi4yMjE3OEMyMS43MTAzIDAuNTEyNDY2IDI0LjMxMDcgMC40ODI3MDIgMjUuOTAzMiAyLjA3NTE4TDQ2LjM5NzEgMjIuNTY5MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=" alt=""><div data-v-42da9b4d="" class="menu-item-content"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzMyNzQgMi40MjI2M0M3LjgzODQzIDIuMTk2NzcgOC4xNTk2NCAyLjE5Njc3IDguMjY1MzIgMi40MjI2M0wxMC4xNzk1IDYuNTEzMzJMMTQuNzA4NSA3LjA0MjY2QzE0Ljk1ODkgNy4wNzE5MiAxNS4wNTg4IDcuMzgyMTEgMTQuODcyNSA3LjU1MTk0TDExLjUyNyAxMC42MDE2TDEyLjQxNjIgMTUuMDEyN0MxMi40NjU3IDE1LjI1ODIgMTIuMjA1MiAxNS40NDkyIDExLjk4NTkgMTUuMzI4Mkw3Ljk5OTAzIDEzLjEyODNMNC4wMTIxMiAxNS4zMjgyQzMuNzkyODYgMTUuNDQ5MiAzLjUzMjQgMTUuMjU4MiAzLjU4MTg4IDE1LjAxMjdMNC40NzEwMyAxMC42MDE2TDEuMTI1NTkgNy41NTE5NEMwLjkzOTI4NyA3LjM4MjExIDEuMDM5MTMgNy4wNzE5MiAxLjI4OTUzIDcuMDQyNjZMNS44MTg2MSA2LjUxMzMyTDcuNzMyNzQgMi40MjI2M1oiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==" alt=""><div data-v-42da9b4d="" class="tooltip-top"><div data-v-42da9b4d="" class="tooltip-content"><span data-v-42da9b4d="">收藏</span><span data-v-42da9b4d="" class="betaTip" style="display: none;">Beta</span><svg data-v-42da9b4d="" width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;"><rect data-v-42da9b4d="" width="30" height="14" rx="3" fill="#FEF1F1"></rect><path data-v-42da9b4d="" d="M4.91 11V3.59H6.42L8.57 7.54L9.32 9.14H9.37C9.29 8.37 9.17 7.39 9.17 6.55V3.59H10.57V11H9.06L6.93 7.04L6.18 5.45H6.13C6.19 6.25 6.32 7.18 6.32 8.03V11H4.91ZM14.7202 11.14C13.1502 11.14 11.9302 10.05 11.9302 8.2C11.9302 6.39 13.2102 5.26 14.5402 5.26C16.0802 5.26 16.8802 6.38 16.8802 7.94C16.8802 8.21 16.8502 8.48 16.8102 8.62H13.3602C13.4802 9.53 14.0802 10 14.9202 10C15.3702 10 15.7602 9.87 16.1702 9.62L16.6702 10.52C16.1202 10.9 15.4102 11.14 14.7202 11.14ZM13.3302 7.63H15.6202C15.6202 6.88 15.2902 6.4 14.5602 6.4C13.9702 6.4 13.4502 6.82 13.3302 7.63ZM18.9817 11L17.5417 5.4H19.0017L19.6217 8.16C19.7117 8.71 19.7917 9.25 19.8817 9.8H19.9317C20.0417 9.25 20.1417 8.7 20.2817 8.16L20.9617 5.4H22.2617L22.9617 8.16C23.0917 8.71 23.1917 9.25 23.3217 9.8H23.3617C23.4617 9.25 23.5417 8.71 23.6417 8.16L24.2417 5.4H25.6117L24.2317 11H22.5017L21.9117 8.56C21.7917 8.03 21.6917 7.52 21.5817 6.92H21.5317C21.4317 7.52 21.3417 8.04 21.2317 8.56L20.6617 11H18.9817Z" fill="#DD3332"></path></svg></div></div></div></div><div data-v-42da9b4d="" class="menu-item menu-item-ring2"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA0OSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMzLjM0NDcgMC40MTI0NzZDMzUuNDU0MSAwLjQxMjQ3NiAzNy4xODIxIDIuMDU1MTggMzcuNDg3OSA0LjE0MjNDMzguNzI2MyAxMi41OTMyIDQyLjI2MjcgMjAuMzA3NCA0Ny40NDkgMjYuNjQ2MUM0OC44MzIzIDI4LjMzNjggNDguODI3OCAzMC44MjQ4IDQ3LjI4MzEgMzIuMzY5NUwyNi4zNjc5IDUzLjI4NDZDMjQuNzg0OCA1NC44Njc4IDIyLjIwMjggNTQuODQ5MiAyMC43MyA1My4xNjI5QzE0LjczNjUgNDYuMzAwMyA5Ljg4OTgzIDM4LjQ5OTEgNi4zOTMzOCAzMC4wNThDMy4wMTgwNiAyMS45MDkxIDAuOTUyODEzIDEzLjI5MjUgMC4yNjA1MjQgNC41MjY5MUMwLjA4MjkyMDcgMi4yNzgxMyAxLjkwMjAyIDAuNDEyNDc2IDQuMTU3OCAwLjQxMjQ3NkgzMy4zNDQ3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==" alt=""><div data-v-42da9b4d="" class="menu-item-content"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTM1NzUgMS4yOTk4SDkuMDY0MzVMOS45NjkwNCAzLjU2MzYzQzEwLjI2NzYgMy43MDYxMSAxMC41NDk0IDMuODggMTAuODEwNSA0LjA4MTIxTDEzLjI2NDkgMy43MjcyNkwxNC4zMjkyIDUuNTcyMzlMMTIuNzA4NSA3LjYzMzkzQzEyLjcxODQgNy43NjM2MSAxMi43MjM0IDcuODczNCAxMi43MjM0IDguMDI3MDFDMTIuNzIzNCA4LjE2MTExIDEyLjcxOTYgOC4yNTY4MyAxMi43MTIxIDguMzcwMjFMMTQuMzI5MiAxMC40MjczTDEzLjI2NDkgMTIuMjcyNEwxMC44NjkxIDExLjkyNjlDMTAuNTg0IDEyLjE1MzggMTAuMjczMyAxMi4zNDc3IDkuOTQyMjkgMTIuNTAzMUw5LjA2NDQxIDE0LjY5OThINi45MzU4MUw2LjA1Nzk1IDEyLjUwMzFDNS43MjY4OSAxMi4zNDc3IDUuNDE2MTYgMTIuMTUzOCA1LjEzMTA0IDExLjkyNjlMMi43MzUyMyAxMi4yNzI0TDEuNjcwOTMgMTAuNDI3M0wzLjI4ODA3IDguMzcwMjVDMy4yODA1MyA4LjI1Njg2IDMuMjc2NyA4LjE0MjQgMy4yNzY3IDguMDI3MDFDMy4yNzY3IDcuODk0NzIgMy4yODE3NCA3Ljc2MzY1IDMuMjkxNjIgNy42MzM5OUwxLjY3MDkgNS41NzI0TDIuNzM1MiAzLjcyNzI3TDUuMTg5NjMgNC4wODEyM0M1LjQ1MDc0IDMuODgwMDIgNS43MzI1MiAzLjcwNjE0IDYuMDMxMDUgMy41NjM2NUw2LjkzNTc1IDEuMjk5OFoiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNzQ5MDIgOC4wMDE2M0M5Ljc0OTAyIDguOTY5MDIgOC45NjU1MiA5Ljc1MzI1IDcuOTk5MDIgOS43NTMyNUM3LjAzMjUzIDkuNzUzMjUgNi4yNDkwMiA4Ljk2OTAyIDYuMjQ5MDIgOC4wMDE2M0M2LjI0OTAyIDcuMDM0MjMgNy4wMzI1MyA2LjI1IDcuOTk5MDIgNi4yNUM4Ljk2NTUyIDYuMjUgOS43NDkwMiA3LjAzNDIzIDkuNzQ5MDIgOC4wMDE2M1oiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==" alt=""><div data-v-42da9b4d="" class="tooltip-top"><div data-v-42da9b4d="" class="tooltip-content"><span data-v-42da9b4d="">设置</span><span data-v-42da9b4d="" class="betaTip" style="display: none;">Beta</span><svg data-v-42da9b4d="" width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;"><rect data-v-42da9b4d="" width="30" height="14" rx="3" fill="#FEF1F1"></rect><path data-v-42da9b4d="" d="M4.91 11V3.59H6.42L8.57 7.54L9.32 9.14H9.37C9.29 8.37 9.17 7.39 9.17 6.55V3.59H10.57V11H9.06L6.93 7.04L6.18 5.45H6.13C6.19 6.25 6.32 7.18 6.32 8.03V11H4.91ZM14.7202 11.14C13.1502 11.14 11.9302 10.05 11.9302 8.2C11.9302 6.39 13.2102 5.26 14.5402 5.26C16.0802 5.26 16.8802 6.38 16.8802 7.94C16.8802 8.21 16.8502 8.48 16.8102 8.62H13.3602C13.4802 9.53 14.0802 10 14.9202 10C15.3702 10 15.7602 9.87 16.1702 9.62L16.6702 10.52C16.1202 10.9 15.4102 11.14 14.7202 11.14ZM13.3302 7.63H15.6202C15.6202 6.88 15.2902 6.4 14.5602 6.4C13.9702 6.4 13.4502 6.82 13.3302 7.63ZM18.9817 11L17.5417 5.4H19.0017L19.6217 8.16C19.7117 8.71 19.7917 9.25 19.8817 9.8H19.9317C20.0417 9.25 20.1417 8.7 20.2817 8.16L20.9617 5.4H22.2617L22.9617 8.16C23.0917 8.71 23.1917 9.25 23.3217 9.8H23.3617C23.4617 9.25 23.5417 8.71 23.6417 8.16L24.2417 5.4H25.6117L24.2317 11H22.5017L21.9117 8.56C21.7917 8.03 21.6917 7.52 21.5817 6.92H21.5317C21.4317 7.52 21.3417 8.04 21.2317 8.56L20.6617 11H18.9817Z" fill="#DD3332"></path></svg></div></div></div></div><div data-v-42da9b4d="" class="menu-item menu-item-ring3"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA1MyA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjMzMzMgMS45NzYzOEMyMy44MTk0IDAuNDkwMjQ3IDI2LjE5MiAwLjQyMzQ4NSAyNy44ODE2IDEuNjczNDRDMzMuODAxNiA2LjA1MjkzIDQwLjc5OTUgOS4wODI4OSA0OC40MTE0IDEwLjMwNUM1MC40Njc2IDEwLjYzNTEgNTIuMDY5OSAxMi4zNTA4IDUyLjA2OTkgMTQuNDMzNFY0NC42MjcxQzUyLjA2OTkgNDYuOTA5NyA1MC4xNjEzIDQ4LjczODcgNDcuODg5NCA0OC41MTg0QzM5LjYzOTkgNDcuNzE4NCAzMS41MzkgNDUuNzAxMiAyMy44NTQxIDQyLjUxOEMxNS42NzM4IDM5LjEyOTYgOC4wOTM0IDM0LjQ3NDUgMS4zODY0NSAyOC43MzU1Qy0wLjMyNjEyMiAyNy4yNzAxIC0wLjM1NzQ4OCAyNC42NjcxIDEuMjM2MzEgMjMuMDczM0wyMi4zMzMzIDEuOTc2MzhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K" alt=""><div data-v-42da9b4d="" class="menu-item-content"><img data-v-42da9b4d="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzQ5MDIgMi45NjI4MUMxLjc0OTAyIDIuNzk3MTMgMS44ODMzNCAyLjY2MjgxIDIuMDQ5MDIgMi42NjI4MUg2LjQ0OTAyQzYuNjE0NzEgMi42NjI4MSA2Ljc0OTAyIDIuNzk3MTMgNi43NDkwMiAyLjk2MjgxVjUuMTYyODFDNi43NDkwMiA2LjU0MzUyIDUuNjI5NjMgNy42NjI4MSA0LjI0ODkyIDcuNjYyODFDMy4yMzc0NSA3LjY2MjgxIDIuMjU3NTkgNy42NjI4MSAyLjA0OTAyIDcuNjYyODFDMS44ODMzNCA3LjY2MjgxIDEuNzQ5MDIgNy41Mjg1IDEuNzQ5MDIgNy4zNjI4MVYyLjk2MjgxWiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMS43NDkwMiAxNC44NjI4QzEuNzQ5MDIgMTUuMDI4NSAxLjg4MzM0IDE1LjE2MjggMi4wNDkwMiAxNS4xNjI4SDYuNDQ5MDJDNi42MTQ3MSAxNS4xNjI4IDYuNzQ5MDIgMTUuMDI4NSA2Ljc0OTAyIDE0Ljg2MjhWMTIuNjYyOEM2Ljc0OTAyIDExLjI4MjEgNS42Mjk2MyAxMC4xNjI4IDQuMjQ4OTIgMTAuMTYyOEMzLjIzNzQ1IDEwLjE2MjggMi4yNTc1OSAxMC4xNjI4IDIuMDQ5MDIgMTAuMTYyOEMxLjg4MzM0IDEwLjE2MjggMS43NDkwMiAxMC4yOTcxIDEuNzQ5MDIgMTAuNDYyOFYxNC44NjI4WiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4yNDcyMSAyLjY2MzQxVjUuMTY0NzlDOS4yNDcyMSA2LjU0NjU5IDEwLjM2NzQgNy42NjY3NSAxMS43NDkyIDcuNjY2NzVDMTMuMTMxIDcuNjY2NzUgMTQuMjUxMSA2LjU0NjU5IDE0LjI1MTEgNS4xNjQ3OUMxNC4yNTExIDMuNzgzIDEzLjEzMSAyLjY2Mjg0IDExLjc0OTIgMi42NjI4NEw5LjI0NzIxIDIuNjYzNDFaTTkuMjQ3MjEgMi42NjM0MUM5LjI0NzIxIDIuNjYzMSA5LjI0NjkgMi42NjM0MSA5LjI0NzIxIDIuNjYzNDFaIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjI0NzIxIDE1LjE2NjJWMTIuNjY0OEM5LjI0NzIxIDExLjI4MyAxMC4zNjc0IDEwLjE2MjggMTEuNzQ5MiAxMC4xNjI4QzEzLjEzMSAxMC4xNjI4IDE0LjI1MTEgMTEuMjgzIDE0LjI1MTEgMTIuNjY0OEMxNC4yNTExIDE0LjA0NjYgMTMuMTMxIDE1LjE2NjcgMTEuNzQ5MiAxNS4xNjY3TDkuMjQ3MjEgMTUuMTY2MlpNOS4yNDcyMSAxNS4xNjYyQzkuMjQ3MjEgMTUuMTY2NSA5LjI0NjkgMTUuMTY2MiA5LjI0NzIxIDE1LjE2NjJaIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=" alt=""><div data-v-42da9b4d="" class="tooltip-top"><div data-v-42da9b4d="" class="tooltip-content"><span data-v-42da9b4d="">更多</span><span data-v-42da9b4d="" class="betaTip" style="display: none;">Beta</span><svg data-v-42da9b4d="" width="30" height="14" viewBox="0 0 30 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;"><rect data-v-42da9b4d="" width="30" height="14" rx="3" fill="#FEF1F1"></rect><path data-v-42da9b4d="" d="M4.91 11V3.59H6.42L8.57 7.54L9.32 9.14H9.37C9.29 8.37 9.17 7.39 9.17 6.55V3.59H10.57V11H9.06L6.93 7.04L6.18 5.45H6.13C6.19 6.25 6.32 7.18 6.32 8.03V11H4.91ZM14.7202 11.14C13.1502 11.14 11.9302 10.05 11.9302 8.2C11.9302 6.39 13.2102 5.26 14.5402 5.26C16.0802 5.26 16.8802 6.38 16.8802 7.94C16.8802 8.21 16.8502 8.48 16.8102 8.62H13.3602C13.4802 9.53 14.0802 10 14.9202 10C15.3702 10 15.7602 9.87 16.1702 9.62L16.6702 10.52C16.1202 10.9 15.4102 11.14 14.7202 11.14ZM13.3302 7.63H15.6202C15.6202 6.88 15.2902 6.4 14.5602 6.4C13.9702 6.4 13.4502 6.82 13.3302 7.63ZM18.9817 11L17.5417 5.4H19.0017L19.6217 8.16C19.7117 8.71 19.7917 9.25 19.8817 9.8H19.9317C20.0417 9.25 20.1417 8.7 20.2817 8.16L20.9617 5.4H22.2617L22.9617 8.16C23.0917 8.71 23.1917 9.25 23.3217 9.8H23.3617C23.4617 9.25 23.5417 8.71 23.6417 8.16L24.2417 5.4H25.6117L24.2317 11H22.5017L21.9117 8.56C21.7917 8.03 21.6917 7.52 21.5817 6.92H21.5317C21.4317 7.52 21.3417 8.04 21.2317 8.56L20.6617 11H18.9817Z" fill="#DD3332"></path></svg></div></div></div></div></div></div><div data-v-42da9b4d="" id="wps_disablefeature_menu" class="menu" style="display: none;"><button class="menu_item">隐藏直到下次访问</button><button class="menu_item">在此网站禁用</button><button class="menu_item">全局禁用</button><div class="menu_item menu_last"></div><button class="menu_item">在<span class="menu_setting">设置</span>中可以重新启用</button><div class="menu_item menu_contact"> 联系我们 <div class="menu_img feedback_txt" style="display: none;"><img src="data:image/png;base64,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" alt="" srcset=""><span class="feedback_txt">微信扫码进群</span></div></div></div></div></template></wps-floating-ball><wps-ai-ocr id="wps-ai-ocr" style="position: absolute; left: 0px; top: 0px; z-index: 2147483647;"><template shadowrootmode="open"><style>*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Noto Sans","Noto Sans CJK SC","Microsoft YaHei","微软雅黑",sans-serif;font-size:14px;user-select:none}div,input,li,ol,p,span,text,ul{margin:0;padding:0;border:0;color:rgba(13,13,13,.9)}img{margin:0;padding:0}li,ol,ul{list-style:none}input,select,text,textarea{outline:0}a,a:active,a:hover,a:link,a:visited{color:rgba(13,13,13,.9);text-decoration:none;outline:0}a:hover{color:#3d4757;text-decoration:none}a:hidefocus{outline:0}a:focus{outline:0}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-button{background-color:none;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ccd0d6}::-webkit-scrollbar-thumb:active{background:#ccd0d6}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-resizer{background:0 0}@keyframes fadeinframes{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes loadSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.wps_ai_fadein{animation:fadeinframes 150ms ease}button{background:0 0;border:0;margin:0;padding:0;cursor:pointer;text-align:left;border-radius:6px;outline:0;font-size:14px;text-shadow:none;box-shadow:none;box-sizing:border-box;display:flex;justify-content:center;align-items:center}button:hover{background:rgba(13,13,13,.06)}button:active{background:rgba(13,13,13,.1)}.text-tooltip-container{position:relative;display:inline-block}.text-tooltip-container .tooltip{position:absolute;left:50%;transform:translateX(-50%);z-index:1}.text-tooltip-container .tooltip .tooltip-content{color:#fff;padding:6px 12px;white-space:nowrap;border-radius:8px;background:#575757}.text-tooltip-container .tooltip .tooltip-arrow{width:0;height:0;margin:0 auto}.text-tooltip-container .tooltip-top{top:-40px}.text-tooltip-container .tooltip-top .tooltip-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-top:5px solid #575757}.text-tooltip-container .tooltip-bottom{top:calc(100% + 8px)}.text-tooltip-container .tooltip-bottom .tooltip-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:5px solid #575757}.setting-menu{display:none;z-index:2;padding:0 6px 0 6px;width:180px}.setting-menu.mini-menu{width:108px}.setting-menu .list{display:flex;flex-direction:column;width:100%;padding:8px;box-sizing:border-box;overflow-y:auto;border-radius:8px;border:1px solid rgba(13,13,13,.12);background:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.1)}.setting-menu .item{height:34px;line-height:34px;color:rgba(13,13,13,.9);width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:14px;border-radius:4px;margin-bottom:4px;padding-left:8px}.setting-menu .item:hover{background:#f0f0f0}.setting-menu .item-span{margin-left:8px}.setting-menu .item-end{margin-bottom:0}.setting-menu .line{border-top:1px solid #f5f5f5;margin-bottom:4px}.setting-menu .btn{color:#2f60ca}.ocr-large-entry{position:absolute;z-index:10;background:rgba(13,13,13,.5);backdrop-filter:blur(8px)}.ocr-large-entry .bottom-container{width:100%;height:45px;display:flex;align-items:center;justify-content:center;gap:8px}.ocr-large-entry .bottom-container .bottom-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer}.ocr-large-entry .bottom-container .bottom-button img{width:16px;height:16px}.ocr-large-entry .bottom-container .bottom-button:hover{background:rgba(245,245,245,.06)}.ocr-large-entry .bottom-container .bottom-button:active{background:rgba(245,245,245,.1)}.ocr-large-entry .bottom-container .bottom-button-setting{position:relative}.ocr-large-entry .bottom-container .bottom-button-setting .bottom-setting-menu{top:32px;left:-8px;position:absolute;display:block}.ocr-large-entry .bottom-container .bottom-button-split{width:1px;height:20px;background:rgba(245,245,245,.14)}.ocr-middle-entry{box-sizing:border-box;position:absolute;z-index:10;display:flex}.ocr-middle-entry .button-list{min-width:106px;min-height:56px;cursor:pointer;flex-shrink:0;display:flex;align-items:center}.ocr-middle-entry .button-list .button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:rgba(13,13,13,.5)}.ocr-middle-entry .button-list .button span{color:#fff}.ocr-middle-entry .button-list .button:hover{background:rgba(13,13,13,.8)}.ocr-middle-entry .button-list .button:active{background:rgba(13,13,13,.8)}.ocr-middle-entry .button-list .button-func{width:66px;height:32px}.ocr-middle-entry .button-list .button-more{width:32px;height:32px;margin:12px 12px 12px 6px}.ocr-middle-entry .button-list .button-more .more{width:16px;height:16px;pointer-events:none}.ocr-middle-menu-first{background-color:#fff;width:170px;border-radius:8px;border:1px solid rgba(13,13,13,.12);box-shadow:0 12px 32px 0 rgba(13,13,13,.08);padding:8px;position:absolute;top:40px;left:72px;margin-top:8px}.ocr-middle-menu-first .item{padding:0 8px;width:100%;box-sizing:border-box;position:relative}.ocr-middle-menu-first .info{height:32px;display:flex;align-items:center;margin-bottom:4px;border-radius:6px;width:100%;box-sizing:border-box;padding:0 8px;position:relative;color:rgba(13,13,13,.9)}.ocr-middle-menu-first .info:hover{background:#f0f0f0}.ocr-middle-menu-first .icon{width:16px;height:16px;margin-right:8px}.ocr-middle-menu-first .operate{width:16px;height:16px}.ocr-middle-menu-first .text{width:98px}.ocr-middle-menu-first .item-set:hover .ocr-middle-menu-second{display:block}.ocr-middle-menu-first .item-set:hover .info{background:#f0f0f0}.ocr-middle-menu-second{position:absolute;top:0;left:168px}.ocr_menu_first_right{left:unset;right:12px}.ocr_menu_first_top{top:-127px}.ocr_menu_second_top{top:-128px}.ocr_menu_second_right{right:168px;left:unset}.extract{box-sizing:border-box;position:absolute;width:420px;padding:0 24px 16px;border:1px solid rgba(13,13,13,.12);border-radius:8px;background:#fff;box-shadow:0 1px 4px 0 rgba(13,13,13,.14);font-size:14px;color:rgba(13,13,13,.9);z-index:11;user-select:none}.extract .head{display:flex;align-items:stretch;margin-bottom:8px;flex-direction:column;cursor:pointer}.extract .head:active{cursor:move}.extract .head .grab{height:16px;display:flex;align-items:center;justify-content:center;pointer-events:none}.extract .head .grab_img{display:none}.extract .head:hover .grab_img{display:block}.extract .head .brand{display:flex;align-items:center;justify-content:space-between}.extract .head .brand .logo{pointer-events:none}.extract .main_title{margin:0 8px 0 4px;font-weight:600;font-size:16px;flex-grow:1;text-align:left}.extract .main_close{width:24px;height:24px;display:flex;justify-content:center;align-items:center;margin-left:8px}.extract .main_feedback{width:24px;height:24px;display:flex;justify-content:center;align-items:center;position:relative}.extract .main_feedback .feedback_img{display:none;position:absolute;top:28px;left:0;transform:translateX(calc(-50% + 4px));padding:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-radius:4px;border:1px solid rgba(13,13,13,.12);background:#fff;box-shadow:0 12px 32px 0 rgba(13,13,13,.08);color:rgba(13,13,13,.46);font-size:12px}.extract .main_feedback .feedback_img>img{width:100px;height:100px}.extract .main_feedback .feedback_txt{color:rgba(13,13,13,.9);font-size:12px}.extract .main_feedback:hover .feedback_img{display:flex}.extract .mainbox{border-radius:4px;display:flex;flex-direction:column;justify-content:space-between}.extract .status_error,.extract .status_stop{padding:8px 16px 12px}.extract .tips{display:flex;align-items:center;line-height:26px;padding:0}.extract .loading{width:16px;height:16px;margin-right:8px;animation:loadSpin 1.2s linear infinite}.extract .printer_text{overflow-y:auto;line-height:1.5;max-height:482px;display:block;letter-spacing:1px;white-space:pre-wrap;text-align:left}.extract .ctrlgroup{height:34px;margin-top:16px;display:flex;align-items:center;justify-content:right}.extract .ctrlgroup .btn{padding:0 20px;box-shadow:0 0 0 1px rgba(13,13,13,.1),0 1px 0 0 rgba(13,13,13,.14)}.extract .main_select{position:relative;flex-grow:1}.extract .select_active{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100px;height:34px;line-height:24px;padding:0 6px;border-radius:4px;border:1px solid rgba(13,13,13,.12);color:#2e6eff;background:0 0}.extract .select_active_loading{cursor:not-allowed}.extract .select_active_showselect{border:1px solid #0a6cff}.extract .select_activetext{font-size:14px;color:#0a6cff;text-align:center;font-style:normal;font-weight:600;flex-grow:1}.extract .select_list{display:flex;flex-direction:column;width:100px;height:176px;padding:8px;box-sizing:border-box;position:absolute;top:-180px;left:0;z-index:2;overflow-y:auto;border-radius:4px;border:1px solid rgba(13,13,13,.12);background:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.1)}.extract .select_item{height:34px;width:100%;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:4px;margin-bottom:4px}.extract .select_item:hover{background:rgba(31,105,224,.1)}.extract .select_item_actice{background:rgba(31,105,224,.1);color:#0a6cff;font-style:normal;font-weight:600}.extract .select_item_span{line-height:34px}.extract .btn{display:flex;align-items:center;justify-content:center;padding:0 8px;border-radius:4px;line-height:34px;height:34px;margin-left:12px;font-size:14px}.extract .btntext{margin-left:4px;font-size:14px}.extract .stop{display:flex;flex-direction:column;align-items:center;justify-content:center}.extract .stop .stoptext{margin:2px 0 8px;color:rgba(13,13,13,.66)}.extract .stop .btn{margin:0 auto 12px;width:66px}.extract .stop .btntext{margin:0 0 0 4px}</style><div id="wps_ocr_mainbox"><div id="wps_ocr_large_img_entry" class="ocr-large-entry" style="display: none;"><div class="bottom-container" style="width: 1780px;"><div class="text-tooltip-container"><!----></div><div class="text-tooltip-container"><!----></div><div class="text-tooltip-container"><!----></div><div class="text-tooltip-container"><!----></div><div class="text-tooltip-container"><!----></div><div class="text-tooltip-container" id="wps_ocr_large_img_func_entry"><div class="bottom-button"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzU5NzcgMTQuMjQyOEw1LjI0NjEyIDEwLjc1Mk01LjI0NjEyIDEwLjc1MkwxLjc1OTc3IDEwLjc1Mk01LjI0NjEyIDEwLjc1Mkw1LjI0NjEyIDE0LjI0MjgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTggMTQuMjVIMTIuNzVDMTMuNTc4NCAxNC4yNSAxNC4yNSAxMy41Nzg0IDE0LjI1IDEyLjc1VjMuMjVDMTQuMjUgMi40MjE1NyAxMy41Nzg0IDEuNzUgMTIuNzUgMS43NUgzLjI1QzIuNDIxNTcgMS43NSAxLjc1IDIuNDIxNTcgMS43NSAzLjI1VjgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxwYXRoIGQ9Ik01Ljc1IDUuMjVIMTAuMjVNOCAxMC4yNVY1LjI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=" alt="提取文字"></div><!----></div><div class="text-tooltip-container"><!----></div><div class="bottom-button-split"></div><div class="text-tooltip-container"><div class="bottom-button"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzMzNzIgMS41MDk2N0M3LjgzOTQxIDEuMjgzODEgOC4xNjA2MSAxLjI4MzgxIDguMjY2MyAxLjUwOTY3TDEwLjE4MDQgNS42MDAzNUwxNC43MDk1IDYuMTI5NjlDMTQuOTU5OSA2LjE1ODk2IDE1LjA1OTggNi40NjkxNCAxNC44NzM1IDYuNjM4OThMMTEuNTI4IDkuNjg4NjVMMTIuNDE3MiAxNC4wOTk3QzEyLjQ2NjYgMTQuMzQ1MiAxMi4yMDYyIDE0LjUzNjIgMTEuOTg2OSAxNC40MTUyTDguMDAwMDEgMTIuMjE1NEw0LjAxMzEgMTQuNDE1MkMzLjc5Mzg0IDE0LjUzNjIgMy41MzMzOCAxNC4zNDUyIDMuNTgyODYgMTQuMDk5N0w0LjQ3MjAxIDkuNjg4NjVMMS4xMjY1NyA2LjYzODk4QzAuOTQwMjY0IDYuNDY5MTQgMS4wNDAxMSA2LjE1ODk2IDEuMjkwNSA2LjEyOTY5TDUuODE5NTkgNS42MDAzNUw3LjczMzcyIDEuNTA5NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K" alt="收藏"></div><!----></div><div class="text-tooltip-container"><div class="bottom-button"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzUgMTEuNzVWMTMuNzVDMS43NSAxNC4wMjYxIDEuOTczODYgMTQuMjUgMi4yNSAxNC4yNUgxMy43NUMxNC4wMjYxIDE0LjI1IDE0LjI1IDE0LjAyNjEgMTQuMjUgMTMuNzVWMTEuNzVNOCAxLjc1VjkuNU01IDYuNzVMNy43ODc4NyA5LjUzNzg3QzcuOTA1MDMgOS42NTUwMyA4LjA5NDk3IDkuNjU1MDMgOC4yMTIxMyA5LjUzNzg3TDExIDYuNzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==" alt="下载"></div><!----></div><div class="text-tooltip-container"><div class="bottom-button bottom-button-setting"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgMTMuMDAwMkwxMyAzLjAwMDI0TTMgMy4wMDAyNEwxMyAxMy4wMDAyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=" alt="关闭此功能"><div class="bottom-setting-menu setting-menu" style="display: none;"><div class="list"><button class="item">隐藏直到下次访问</button><button class="item">在此网站禁用</button><button class="item">全局禁用</button><div class="line"></div><button class="item item-end">在<span class="btn">设置</span>中可以重新启用</button></div></div></div><!----></div></div></div><div id="wps_ocr_middle_img_entry" class="ocr-middle-entry" style="top: 2604.66px; left: 1200px; display: none;"><div class="button-list"><div class="button-func"></div><div class="button button-more"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzUgMi4wNUMxLjc1IDEuODg0MzEgMS44ODQzMSAxLjc1IDIuMDUgMS43NUg2LjQ1QzYuNjE1NjkgMS43NSA2Ljc1IDEuODg0MzEgNi43NSAyLjA1VjYuNDVDNi43NSA2LjYxNTY5IDYuNjE1NjkgNi43NSA2LjQ1IDYuNzVIMi4wNUMxLjg4NDMxIDYuNzUgMS43NSA2LjYxNTY5IDEuNzUgNi40NVYyLjA1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEuNzUgOS41NUMxLjc1IDkuMzg0MzEgMS44ODQzMSA5LjI1IDIuMDUgOS4yNUg2LjQ1QzYuNjE1NjkgOS4yNSA2Ljc1IDkuMzg0MzEgNi43NSA5LjU1VjEzLjk1QzYuNzUgMTQuMTE1NyA2LjYxNTY5IDE0LjI1IDYuNDUgMTQuMjVIMi4wNUMxLjg4NDMxIDE0LjI1IDEuNzUgMTQuMTE1NyAxLjc1IDEzLjk1VjkuNTVaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4yNSA5LjU1QzkuMjUgOS4zODQzMSA5LjM4NDMxIDkuMjUgOS41NSA5LjI1SDEzLjk1QzE0LjExNTcgOS4yNSAxNC4yNSA5LjM4NDMxIDE0LjI1IDkuNTVWMTMuOTVDMTQuMjUgMTQuMTE1NyAxNC4xMTU3IDE0LjI1IDEzLjk1IDE0LjI1SDkuNTVDOS4zODQzMSAxNC4yNSA5LjI1IDE0LjExNTcgOS4yNSAxMy45NVY5LjU1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMjUgMi4wNUM5LjI1IDEuODg0MzEgOS4zODQzMSAxLjc1IDkuNTUgMS43NUgxMy45NUMxNC4xMTU3IDEuNzUgMTQuMjUgMS44ODQzMSAxNC4yNSAyLjA1VjYuNDVDMTQuMjUgNi42MTU2OSAxNC4xMTU3IDYuNzUgMTMuOTUgNi43NUg5LjU1QzkuMzg0MzEgNi43NSA5LjI1IDYuNjE1NjkgOS4yNSA2LjQ1VjIuMDVaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K" alt="更多" class="more"></div></div><div id="wps_ocr_middle_menu" class="ocr-middle-menu-first" style="display: none;"><!----><button class="item"><div class="info"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzU5NzcgMTQuMjQyOEw1LjI0NjEyIDEwLjc1Mk01LjI0NjEyIDEwLjc1MkwxLjc1OTc3IDEwLjc1Mk01LjI0NjEyIDEwLjc1Mkw1LjI0NjEyIDE0LjI0MjgiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAxNC4yNUgxMi43NUMxMy41Nzg0IDE0LjI1IDE0LjI1IDEzLjU3ODQgMTQuMjUgMTIuNzVWMy4yNUMxNC4yNSAyLjQyMTU3IDEzLjU3ODQgMS43NSAxMi43NSAxLjc1SDMuMjVDMi40MjE1NyAxLjc1IDEuNzUgMi40MjE1NyAxLjc1IDMuMjVWOCIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cGF0aCBkPSJNNS43NSA1LjI1SDEwLjI1TTggMTAuMjVWNS4yNSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=" alt="" class="icon"><div class="text">提取文字</div></div></button><button class="item"><div class="info"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzMzNzIgMS41MDk2N0M3LjgzOTQxIDEuMjgzODEgOC4xNjA2MSAxLjI4MzgxIDguMjY2MyAxLjUwOTY3TDEwLjE4MDQgNS42MDAzNUwxNC43MDk1IDYuMTI5NjlDMTQuOTU5OSA2LjE1ODk2IDE1LjA1OTggNi40NjkxNCAxNC44NzM1IDYuNjM4OThMMTEuNTI4IDkuNjg4NjVMMTIuNDE3MiAxNC4wOTk3QzEyLjQ2NjYgMTQuMzQ1MiAxMi4yMDYyIDE0LjUzNjIgMTEuOTg2OSAxNC40MTUyTDguMDAwMDEgMTIuMjE1NEw0LjAxMzEgMTQuNDE1MkMzLjc5Mzg0IDE0LjUzNjIgMy41MzMzOCAxNC4zNDUyIDMuNTgyODYgMTQuMDk5N0w0LjQ3MjAxIDkuNjg4NjVMMS4xMjY1NyA2LjYzODk4QzAuOTQwMjY0IDYuNDY5MTQgMS4wNDAxMSA2LjE1ODk2IDEuMjkwNSA2LjEyOTY5TDUuODE5NTkgNS42MDAzNUw3LjczMzcyIDEuNTA5NjdaIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=" alt="" class="icon"><div class="text">收藏到WPS</div></div></button><button class="item"><div class="info"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzUgMTEuNzVWMTMuNzVDMS43NSAxNC4wMjYxIDEuOTczODYgMTQuMjUgMi4yNSAxNC4yNUgxMy43NUMxNC4wMjYxIDE0LjI1IDE0LjI1IDE0LjAyNjEgMTQuMjUgMTMuNzVWMTEuNzVNOCAxLjc1VjkuNU01IDYuNzVMNy43ODc4NyA5LjUzNzg3QzcuOTA1MDMgOS42NTUwMyA4LjA5NDk3IDkuNjU1MDMgOC4yMTIxMyA5LjUzNzg3TDExIDYuNzUiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K" alt="" class="icon"><div class="text">下载</div></div></button><!----><button class="item item-set"><div class="info"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjc3MyAzLjIyNzA0TDMuMjI3MDIgMTIuNzczTTEuMjUgOEMxLjI1IDExLjcyNzkgNC4yNzIwOCAxNC43NSA4IDE0Ljc1QzExLjcyNzkgMTQuNzUgMTQuNzUgMTEuNzI3OSAxNC43NSA4QzE0Ljc1IDQuMjcyMDggMTEuNzI3OSAxLjI1IDggMS4yNUM0LjI3MjA4IDEuMjUgMS4yNSA0LjI3MjA4IDEuMjUgOFoiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==" alt="" class="icon"><div class="text">关闭此功能</div><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMy4yNUwxMC41IDguMDAwMDlMNiAxMi43NSIgc3Ryb2tlPSIjNzU3NTc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==" alt="" class="operate"></div><div class="ocr-middle-menu-second setting-menu"><div class="list"><button class="item">隐藏直到下次访问</button><button class="item">在此网站禁用</button><button class="item">全局禁用</button><div class="line"></div><button class="item item-end">在<span class="btn">设置</span>中可以重新启用</button></div></div></button></div></div><div id="wps_transfer_modal" class="extract" style="display: none;"><div class="head"><div class="grab"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNi41SDE1VjhIMVY2LjVaIiBmaWxsPSIjMEQwRDBEIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPHBhdGggZD0iTTEgMTAuNUgxNVYxMkgxVjEwLjVaIiBmaWxsPSIjMEQwRDBEIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz4KPC9zdmc+Cg==" alt="" srcset="" class="grab_img"></div><div class="brand"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjMxMjQgNi4wNTg0Mkw5LjMwNTQ5IDE5LjgzMkM5LjAyOTY4IDIwLjM3NDIgOC40ODExNSAyMC42ODU5IDcuOTEyNTYgMjAuNjg1QzcuMzQzOTQgMjAuNjg1OSA2Ljc5NTM5IDIwLjM3NDIgNi41MTk1OSAxOS44MzJMMC4xNzAyNzUgNy4zNTExN0MwLjAxMzM1OTggNy4wNDI3MiAtMC4wMzE0MjUgNi43MDY1OCAwLjAyMDgwMSA2LjM4OTM0QzAuMTA2Mzg0IDUuNjA3OTUgMC43Njc1OTQgNSAxLjU3MDU3IDVIOS42OTczMkMxMC4zNDYxIDUgMTAuOTAyMyA1LjM5Njg3IDExLjEzNzIgNS45NjE0NUwxMS40Njg2IDYuNjEyOTRMOS43MTc4OCAxMC4wNTEzTDguNzM3MDUgOC4xMjMyOUg0LjA2Mjk1TDcuOTEyNTIgMTUuNjkwNEwxMi44NTE4IDUuOTgxMjFDMTMuMTU4MSA1LjM3OTE2IDEzLjc3NjQgNSAxNC40NTE4IDVIMTcuODczMkMxNy41NjYxIDUuMDExODMgMTcuMjc3MyA1LjA5OTMzIDE3LjAwNjYgNS4yNjI1QzE2Ljc0NjcgNS40MTkxNCAxNi41MjE5IDUuNjcyMjUgMTYuMzMyIDYuMDIxODJMMTYuMzEyNyA2LjA1Nzg5TDE2LjMxMjQgNi4wNTg0MloiIGZpbGw9IiNGRjE1MjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC45NDQ3IDVDMTguNjM3NSA1LjAxMTgzIDE4LjM0ODcgNS4wOTkzMyAxOC4wNzggNS4yNjI1QzE3LjgxODEgNS40MTkxNCAxNy41OTMzIDUuNjcyMjUgMTcuNDAzNCA2LjAyMTgyTDE3LjM4MjUgNi4wNjA5MUwxNi4zMzMzIDguMTIzMzFMMTkuOTM1NiA4LjEyMzNMMTYuMDg2MiAxNS42ODk5TDE0LjI4NTEgMTIuMTQ5NEwxMi45MTM2IDE0Ljg0NTRMMTIuOTA2NyAxNC44NDI5TDEyLjUzMDkgMTUuNTgwOEwxNC42OTUxIDE5LjgzNDlDMTQuOTY3MSAyMC4zNjc5IDE1LjUwMzcgMjAuNjc3NCAxNi4wNjMxIDIwLjY4NDlDMTYuMDY5NyAyMC42ODUgMTYuMDc2MyAyMC42ODUgMTYuMDgzIDIwLjY4NUgxNi4wODk3QzE2LjA5NzYgMjAuNjg1IDE2LjEwNTUgMjAuNjg1IDE2LjExMzQgMjAuNjg0OEMxNi42NzE0IDIwLjY3NiAxNy4yMDYyIDIwLjM2NjcgMTcuNDc3NiAxOS44MzQ5TDE3LjQ3ODQgMTkuODMzMkwyMy44MzAyIDcuMzQ3NThDMjMuOTU3MSA3LjA5ODE3IDI0LjAxMDQgNi44MzA2NiAyMy45OTgzIDYuNTY5NzZMMjMuOTk4MyA2LjU1OTA1QzIzLjk5ODMgNS42OTgwMSAyMy4zMDAzIDUgMjIuNDM5MyA1SDE4Ljk0NDdaTTE2LjEwOTggMjAuNjg0OEwxNi4xMTM0IDIwLjY4NDhDMTYuMTEyMiAyMC42ODQ4IDE2LjExMSAyMC42ODQ4IDE2LjEwOTggMjAuNjg0OFpNMTYuMDU5MyAyMC42ODQ4TDE2LjA2MzEgMjAuNjg0OUMxNi4wNjE5IDIwLjY4NDggMTYuMDYwNiAyMC42ODQ4IDE2LjA1OTMgMjAuNjg0OFoiIGZpbGw9IiNGRjE1MjIiLz4KPC9zdmc+Cg==" alt="" srcset="" class="logo"><span class="main_title">图片提取文字</span><button class="main_feedback"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNzQ5ODggNS43NUgzLjI1QzIuNDIxNTcgNS43NSAxLjc1IDYuNDIxNTcgMS43NSA3LjI1VjkuOTk5NzJDMS43NSAxMC42OTAxIDIuMzA5NjQgMTEuMjQ5NyAzIDExLjI0OTdINC40NDk5OUM0LjYxNTY4IDExLjI0OTcgNC43NSAxMS4xMTU0IDQuNzQ5OTkgMTAuOTQ5N0w0Ljc0OTg4IDUuNzVaTTQuNzQ5ODggNS43NUw0Ljc1IDUuMjVDNC43NSAzLjMxNyA2LjIyNTgxIDEuNzUgOC4wMDAxMiAxLjc1QzkuNzc0NDIgMS43NSAxMS4yNDQ3IDMuMzE1NjMgMTEuMjQ0NyA1LjI0ODYzVjEwLjEyNjZDMTEuMjQ0NyAxMS45NjIxIDEwLjUwMDEgMTQgNy43NTAxMiAxNC4yNU0xMS4yNDc4IDUuNzVMMTIuNzUwNyA1Ljc1MDY5QzEzLjU3ODggNS43NTEwNyAxNC4yNSA2LjQyMjUzIDE0LjI1IDcuMjUwNjlWOS43NDkyOEMxNC4yNSAxMC41NzggMTMuNTc4IDExLjI0OTcgMTIuNzQ5MyAxMS4yNDkzTDExLjI0NDcgMTEuMjQ4NiIgc3Ryb2tlPSIjNzU3NTc1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=" alt="" srcset=""><div class="feedback_img"><img src="data:image/png;base64,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" alt="" srcset=""><span class="feedback_txt">微信扫码进群</span></div></button><button class="main_close"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03IDE3LjAwMDJMMTcgNy4wMDAyNE03IDcuMDAwMjRMMTcgMTcuMDAwMiIgc3Ryb2tlPSIjNzU3NTc1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgo8L3N2Zz4K" alt="" srcset=""></button></div></div><div class="mainbox status_"><div class="tips" style="display: none;"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04IDJDNC42ODYyOSAyIDIgNC42ODYzIDIgOEMyIDExLjMxMzcgNC42ODYyOSAxNCA4IDE0IiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcl8zNDMxXzEyNjcpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8cGF0aCBkPSJNOCAyQzExLjMxMzcgMiAxNCA0LjY4NjMgMTQgNy45OTk5NkMxNCAxMC4yMjA4IDEyLjc5MzQgMTIuMTU5OCAxMSAxMy4xOTczIiBzdHJva2U9InVybCgjcGFpbnQxX2xpbmVhcl8zNDMxXzEyNjcpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8cGF0aCBkPSJNOCAxNEM5LjA5Mjg2IDE0IDEwLjExNzUgMTMuNzA3OCAxMSAxMy4xOTczIiBzdHJva2U9IiMxRjY5RTAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzM0MzFfMTI2NyIgeDE9IjcuNSIgeTE9IjE0IiB4Mj0iOCIgeTI9IjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzBBNkNGRiIgc3RvcC1vcGFjaXR5PSIwIiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwQTZDRkYiIHN0b3Atb3BhY2l0eT0iMC41IiAvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzM0MzFfMTI2NyIgeDE9IjgiIHkxPSIxMiIgeDI9IjgiIHkyPSIzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzQjY0RkMiIC8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBBNkNGRiIgc3RvcC1vcGFjaXR5PSIwLjUiIC8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+Cg==" alt="" srcset="" class="loading"><span>结果生成中...</span></div><div class="printer_text" style="display: none;"></div><div class="ctrlgroup" style="display: none;"><button class="btn" style="display: none;"><span class="btntext">复制</span></button><button class="btn" style="display: none;"><span class="btntext">停止</span></button></div><div class="stop" style="display: none;"><img src="data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgNjAgNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBvcGFjaXR5PSIwLjQiIGQ9Ik04LjM0MDMzIDExLjc2QzguMzQwMzMgOS4yNDE1MyAxMC4zODE5IDcuMTk5OTUgMTIuOTAwMyA3LjE5OTk1SDQwLjE3MDNWMTUuNzVIOC4zNDAzM1YxMS43NloiIGZpbGw9IiNDMENBREQiIC8+CiAgICA8cGF0aCBvcGFjaXR5PSIwLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjguNTg3NyAyNEgzMS41NTgyQzMyLjQ3NCAyNCAzMy4xOTk4IDI0LjUyMzQgMzMuMTQyNyAyNS4xNDI2TDMxLjc1MzYgMzYuODQ3OEMzMS43MDEzIDM3LjQxNDcgMzEuMDA3NCAzNy44NTYzIDMwLjE2OTEgMzcuODU2M0gyOS45NzY4QzI5LjEzODUgMzcuODU2MyAyOC40NDQ2IDM3LjQxNDcgMjguMzkyMyAzNi44NDc4TDI3LjAwMzIgMjUuMTQyNkMyNi45NDYgMjQuNTIzNCAyNy42NzE5IDI0IDI4LjU4NzcgMjRaTTMwLjAxNzMgNDQuMzc5M0MzMS4zNzUgNDQuMzc5MyAzMi40NzU3IDQzLjI3ODcgMzIuNDc1NyA0MS45MjFDMzIuNDc1NyA0MC41NjMyIDMxLjM3NSAzOS40NjI2IDMwLjAxNzMgMzkuNDYyNkMyOC42NTk2IDM5LjQ2MjYgMjcuNTU5IDQwLjU2MzIgMjcuNTU5IDQxLjkyMUMyNy41NTkgNDMuMjc4NyAyOC42NTk2IDQ0LjM3OTMgMzAuMDE3MyA0NC4zNzkzWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC44IiAvPgogICAgPHBhdGggb3BhY2l0eT0iMC40IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUxLjY2MDMgMTUuNzVIOC4zNDAzM1Y0OC4yNEM4LjM0MDMzIDUwLjc1ODQgMTAuMzgxOSA1Mi44IDEyLjkwMDMgNTIuOEg0Ny4xMDAzQzQ5LjYxODcgNTIuOCA1MS42NjAzIDUwLjc1ODQgNTEuNjYwMyA0OC4yNFYxNS43NVpNMzEuNTU4MiAyNEgyOC41ODc3QzI3LjY3MTkgMjQgMjYuOTQ2IDI0LjUyMzQgMjcuMDAzMiAyNS4xNDI2TDI4LjM5MjMgMzYuODQ3OEMyOC40NDQ2IDM3LjQxNDcgMjkuMTM4NSAzNy44NTYzIDI5Ljk3NjggMzcuODU2M0gzMC4xNjkxQzMxLjAwNzQgMzcuODU2MyAzMS43MDEzIDM3LjQxNDcgMzEuNzUzNiAzNi44NDc4TDMzLjE0MjcgMjUuMTQyNkMzMy4xOTk5IDI0LjUyMzQgMzIuNDc0IDI0IDMxLjU1ODIgMjRaTTMyLjQ3NTcgNDEuOTIxQzMyLjQ3NTcgNDMuMjc4NyAzMS4zNzUgNDQuMzc5MyAzMC4wMTczIDQ0LjM3OTNDMjguNjU5NiA0NC4zNzkzIDI3LjU1OSA0My4yNzg3IDI3LjU1OSA0MS45MjFDMjcuNTU5IDQwLjU2MzMgMjguNjU5NiAzOS40NjI2IDMwLjAxNzMgMzkuNDYyNkMzMS4zNzUgMzkuNDYyNiAzMi40NzU3IDQwLjU2MzMgMzIuNDc1NyA0MS45MjFaIiBmaWxsPSIjODE5OUI5IiAvPgogICAgPHBhdGggb3BhY2l0eT0iMC40IiBkPSJNNDAuMTY5OSA3LjE5OTk1SDQ3LjA5OTlDNDkuNjE4MyA3LjE5OTk1IDUxLjY1OTkgOS4yNDE1MyA1MS42NTk5IDExLjc2VjE1Ljc1SDQwLjE2OTlWNy4xOTk5NVoiIGZpbGw9IiM1NTcxOTEiIC8+Cjwvc3ZnPgo=" alt="" srcset=""><div class="stoptext" style="display: none;">已停止提取</div><div class="stoptext" style="display: none;">提取失败，请重新尝试</div><div class="stoptext" style="display: none;">未识别到文字，请重新尝试</div><button class="btn"><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMy4xNzg4IDQuNUMxMi4wNTUyIDIuODQwNjIgMTAuMTU1IDEuNzUgOCAxLjc1QzQuNTQ4MjIgMS43NSAxLjc1IDQuNTQ4MjIgMS43NSA4QzEuNzUgMTEuNDUxOCA0LjU0ODIyIDE0LjI1IDggMTQuMjVDOS45MzAyMiAxNC4yNSAxMS42NTYxIDEzLjM3NSAxMi44MDI1IDEyQzEzLjA2MDYgMTEuNjkwNiAxMy4yODkyIDExLjM1NTggMTMuNDg0MyAxMU0xMy4zNTE0IDEuODU5NjNMMTMuNzgxMSA0Ljg2ODAxQzEzLjc5MDYgNC45MzQgMTMuNzM0IDQuOTkwNTcgMTMuNjY4IDQuOTgxMTRMMTAuNjA5MSA0LjU0NDE2IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPgo=" alt="" srcset=""><span class="btntext">重试</span></button></div></div></div></div></template></wps-ai-ocr></body><div id="immersive-translate-popup" style="all: initial"><template shadowrootmode="open"><style>@charset "UTF-8";
    1501. 

  1501. /*!
    1502. 

  1502.  * Pico.css v1.5.6 (https://picocss.com)
    1503. 

  1503.  * Copyright 2019-2022 - Licensed under MIT
    1504. 

  1504.  */
    1505. 

  1505. /**
    1506. 

  1506.  * Theme: default
    1507. 

  1507.  */
    1508. 

  1508. #mount {
    1509. 

  1509.   --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
    1510. 

  1510.     "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    1511. 

  1511.     "Segoe UI Symbol", "Noto Color Emoji";
    1512. 

  1512.   --line-height: 1.5;
    1513. 

  1513.   --font-weight: 400;
    1514. 

  1514.   --font-size: 16px;
    1515. 

  1515.   --border-radius: 0.25rem;
    1516. 

  1516.   --border-width: 1px;
    1517. 

  1517.   --outline-width: 3px;
    1518. 

  1518.   --spacing: 1rem;
    1519. 

  1519.   --typography-spacing-vertical: 1.5rem;
    1520. 

  1520.   --block-spacing-vertical: calc(var(--spacing) * 2);
    1521. 

  1521.   --block-spacing-horizontal: var(--spacing);
    1522. 

  1522.   --grid-spacing-vertical: 0;
    1523. 

  1523.   --grid-spacing-horizontal: var(--spacing);
    1524. 

  1524.   --form-element-spacing-vertical: 0.75rem;
    1525. 

  1525.   --form-element-spacing-horizontal: 1rem;
    1526. 

  1526.   --nav-element-spacing-vertical: 1rem;
    1527. 

  1527.   --nav-element-spacing-horizontal: 0.5rem;
    1528. 

  1528.   --nav-link-spacing-vertical: 0.5rem;
    1529. 

  1529.   --nav-link-spacing-horizontal: 0.5rem;
    1530. 

  1530.   --form-label-font-weight: var(--font-weight);
    1531. 

  1531.   --transition: 0.2s ease-in-out;
    1532. 

  1532.   --modal-overlay-backdrop-filter: blur(0.25rem);
    1533. 

  1533. }
    1534. 

  1534. @media (min-width: 576px) {
    1535. 

  1535.   #mount {
    1536. 

  1536.     --font-size: 17px;
    1537. 

  1537.   }
    1538. 

  1538. }
    1539. 

  1539. @media (min-width: 768px) {
    1540. 

  1540.   #mount {
    1541. 

  1541.     --font-size: 18px;
    1542. 

  1542.   }
    1543. 

  1543. }
    1544. 

  1544. @media (min-width: 992px) {
    1545. 

  1545.   #mount {
    1546. 

  1546.     --font-size: 19px;
    1547. 

  1547.   }
    1548. 

  1548. }
    1549. 

  1549. @media (min-width: 1200px) {
    1550. 

  1550.   #mount {
    1551. 

  1551.     --font-size: 20px;
    1552. 

  1552.   }
    1553. 

  1553. }
    1554. 

  1554. 

  1555. @media (min-width: 576px) {
    1556. 

  1556.   #mount > header,
    1557. 

  1557.   #mount > main,
    1558. 

  1558.   #mount > footer,
    1559. 

  1559.   section {
    1560. 

  1560.     --block-spacing-vertical: calc(var(--spacing) * 2.5);
    1561. 

  1561.   }
    1562. 

  1562. }
    1563. 

  1563. @media (min-width: 768px) {
    1564. 

  1564.   #mount > header,
    1565. 

  1565.   #mount > main,
    1566. 

  1566.   #mount > footer,
    1567. 

  1567.   section {
    1568. 

  1568.     --block-spacing-vertical: calc(var(--spacing) * 3);
    1569. 

  1569.   }
    1570. 

  1570. }
    1571. 

  1571. @media (min-width: 992px) {
    1572. 

  1572.   #mount > header,
    1573. 

  1573.   #mount > main,
    1574. 

  1574.   #mount > footer,
    1575. 

  1575.   section {
    1576. 

  1576.     --block-spacing-vertical: calc(var(--spacing) * 3.5);
    1577. 

  1577.   }
    1578. 

  1578. }
    1579. 

  1579. @media (min-width: 1200px) {
    1580. 

  1580.   #mount > header,
    1581. 

  1581.   #mount > main,
    1582. 

  1582.   #mount > footer,
    1583. 

  1583.   section {
    1584. 

  1584.     --block-spacing-vertical: calc(var(--spacing) * 4);
    1585. 

  1585.   }
    1586. 

  1586. }
    1587. 

  1587. 

  1588. @media (min-width: 576px) {
    1589. 

  1589.   article {
    1590. 

  1590.     --block-spacing-horizontal: calc(var(--spacing) * 1.25);
    1591. 

  1591.   }
    1592. 

  1592. }
    1593. 

  1593. @media (min-width: 768px) {
    1594. 

  1594.   article {
    1595. 

  1595.     --block-spacing-horizontal: calc(var(--spacing) * 1.5);
    1596. 

  1596.   }
    1597. 

  1597. }
    1598. 

  1598. @media (min-width: 992px) {
    1599. 

  1599.   article {
    1600. 

  1600.     --block-spacing-horizontal: calc(var(--spacing) * 1.75);
    1601. 

  1601.   }
    1602. 

  1602. }
    1603. 

  1603. @media (min-width: 1200px) {
    1604. 

  1604.   article {
    1605. 

  1605.     --block-spacing-horizontal: calc(var(--spacing) * 2);
    1606. 

  1606.   }
    1607. 

  1607. }
    1608. 

  1608. 

  1609. dialog > article {
    1610. 

  1610.   --block-spacing-vertical: calc(var(--spacing) * 2);
    1611. 

  1611.   --block-spacing-horizontal: var(--spacing);
    1612. 

  1612. }
    1613. 

  1613. @media (min-width: 576px) {
    1614. 

  1614.   dialog > article {
    1615. 

  1615.     --block-spacing-vertical: calc(var(--spacing) * 2.5);
    1616. 

  1616.     --block-spacing-horizontal: calc(var(--spacing) * 1.25);
    1617. 

  1617.   }
    1618. 

  1618. }
    1619. 

  1619. @media (min-width: 768px) {
    1620. 

  1620.   dialog > article {
    1621. 

  1621.     --block-spacing-vertical: calc(var(--spacing) * 3);
    1622. 

  1622.     --block-spacing-horizontal: calc(var(--spacing) * 1.5);
    1623. 

  1623.   }
    1624. 

  1624. }
    1625. 

  1625. 

  1626. a {
    1627. 

  1627.   --text-decoration: none;
    1628. 

  1628. }
    1629. 

  1629. a.secondary,
    1630. 

  1630. a.contrast {
    1631. 

  1631.   --text-decoration: underline;
    1632. 

  1632. }
    1633. 

  1633. 

  1634. small {
    1635. 

  1635.   --font-size: 0.875em;
    1636. 

  1636. }
    1637. 

  1637. 

  1638. h1,
    1639. 

  1639. h2,
    1640. 

  1640. h3,
    1641. 

  1641. h4,
    1642. 

  1642. h5,
    1643. 

  1643. h6 {
    1644. 

  1644.   --font-weight: 700;
    1645. 

  1645. }
    1646. 

  1646. 

  1647. h1 {
    1648. 

  1648.   --font-size: 2rem;
    1649. 

  1649.   --typography-spacing-vertical: 3rem;
    1650. 

  1650. }
    1651. 

  1651. 

  1652. h2 {
    1653. 

  1653.   --font-size: 1.75rem;
    1654. 

  1654.   --typography-spacing-vertical: 2.625rem;
    1655. 

  1655. }
    1656. 

  1656. 

  1657. h3 {
    1658. 

  1658.   --font-size: 1.5rem;
    1659. 

  1659.   --typography-spacing-vertical: 2.25rem;
    1660. 

  1660. }
    1661. 

  1661. 

  1662. h4 {
    1663. 

  1663.   --font-size: 1.25rem;
    1664. 

  1664.   --typography-spacing-vertical: 1.874rem;
    1665. 

  1665. }
    1666. 

  1666. 

  1667. h5 {
    1668. 

  1668.   --font-size: 1.125rem;
    1669. 

  1669.   --typography-spacing-vertical: 1.6875rem;
    1670. 

  1670. }
    1671. 

  1671. 

  1672. [type="checkbox"],
    1673. 

  1673. [type="radio"] {
    1674. 

  1674.   --border-width: 2px;
    1675. 

  1675. }
    1676. 

  1676. 

  1677. [type="checkbox"][role="switch"] {
    1678. 

  1678.   --border-width: 3px;
    1679. 

  1679. }
    1680. 

  1680. 

  1681. thead th,
    1682. 

  1682. thead td,
    1683. 

  1683. tfoot th,
    1684. 

  1684. tfoot td {
    1685. 

  1685.   --border-width: 3px;
    1686. 

  1686. }
    1687. 

  1687. 

  1688. :not(thead, tfoot) > * > td {
    1689. 

  1689.   --font-size: 0.875em;
    1690. 

  1690. }
    1691. 

  1691. 

  1692. pre,
    1693. 

  1693. code,
    1694. 

  1694. kbd,
    1695. 

  1695. samp {
    1696. 

  1696.   --font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace",
    1697. 

  1697.     "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
    1698. 

  1698.     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    1699. 

  1699. }
    1700. 

  1700. 

  1701. kbd {
    1702. 

  1702.   --font-weight: bolder;
    1703. 

  1703. }
    1704. 

  1704. 

  1705. [data-theme="light"],
    1706. 

  1706. #mount:not([data-theme="dark"]) {
    1707. 

  1707.   --background-color: #fff;
    1708. 

  1708.   --background-light-green: #F5F7F9;
    1709. 

  1709.   --color: hsl(205deg, 20%, 32%);
    1710. 

  1710.   --h1-color: hsl(205deg, 30%, 15%);
    1711. 

  1711.   --h2-color: #24333e;
    1712. 

  1712.   --h3-color: hsl(205deg, 25%, 23%);
    1713. 

  1713.   --h4-color: #374956;
    1714. 

  1714.   --h5-color: hsl(205deg, 20%, 32%);
    1715. 

  1715.   --h6-color: #4d606d;
    1716. 

  1716.   --muted-color: hsl(205deg, 10%, 50%);
    1717. 

  1717.   --muted-border-color: hsl(205deg, 20%, 94%);
    1718. 

  1718.   --primary: hsl(195deg, 85%, 41%);
    1719. 

  1719.   --primary-hover: hsl(195deg, 90%, 32%);
    1720. 

  1720.   --primary-focus: rgba(16, 149, 193, 0.125);
    1721. 

  1721.   --primary-inverse: #fff;
    1722. 

  1722.   --secondary: hsl(205deg, 15%, 41%);
    1723. 

  1723.   --secondary-hover: hsl(205deg, 20%, 32%);
    1724. 

  1724.   --secondary-focus: rgba(89, 107, 120, 0.125);
    1725. 

  1725.   --secondary-inverse: #fff;
    1726. 

  1726.   --contrast: hsl(205deg, 30%, 15%);
    1727. 

  1727.   --contrast-hover: #000;
    1728. 

  1728.   --contrast-focus: rgba(89, 107, 120, 0.125);
    1729. 

  1729.   --contrast-inverse: #fff;
    1730. 

  1730.   --mark-background-color: #fff2ca;
    1731. 

  1731.   --mark-color: #543a26;
    1732. 

  1732.   --ins-color: #388e3c;
    1733. 

  1733.   --del-color: #c62828;
    1734. 

  1734.   --blockquote-border-color: var(--muted-border-color);
    1735. 

  1735.   --blockquote-footer-color: var(--muted-color);
    1736. 

  1736.   --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    1737. 

  1737.   --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    1738. 

  1738.   --form-element-background-color: transparent;
    1739. 

  1739.   --form-element-border-color: hsl(205deg, 14%, 68%);
    1740. 

  1740.   --form-element-color: var(--color);
    1741. 

  1741.   --form-element-placeholder-color: var(--muted-color);
    1742. 

  1742.   --form-element-active-background-color: transparent;
    1743. 

  1743.   --form-element-active-border-color: var(--primary);
    1744. 

  1744.   --form-element-focus-color: var(--primary-focus);
    1745. 

  1745.   --form-element-disabled-background-color: hsl(205deg, 18%, 86%);
    1746. 

  1746.   --form-element-disabled-border-color: hsl(205deg, 14%, 68%);
    1747. 

  1747.   --form-element-disabled-opacity: 0.5;
    1748. 

  1748.   --form-element-invalid-border-color: #c62828;
    1749. 

  1749.   --form-element-invalid-active-border-color: #d32f2f;
    1750. 

  1750.   --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);
    1751. 

  1751.   --form-element-valid-border-color: #388e3c;
    1752. 

  1752.   --form-element-valid-active-border-color: #43a047;
    1753. 

  1753.   --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);
    1754. 

  1754.   --switch-background-color: hsl(205deg, 16%, 77%);
    1755. 

  1755.   --switch-color: var(--primary-inverse);
    1756. 

  1756.   --switch-checked-background-color: var(--primary);
    1757. 

  1757.   --range-border-color: hsl(205deg, 18%, 86%);
    1758. 

  1758.   --range-active-border-color: hsl(205deg, 16%, 77%);
    1759. 

  1759.   --range-thumb-border-color: var(--background-color);
    1760. 

  1760.   --range-thumb-color: var(--secondary);
    1761. 

  1761.   --range-thumb-hover-color: var(--secondary-hover);
    1762. 

  1762.   --range-thumb-active-color: var(--primary);
    1763. 

  1763.   --table-border-color: var(--muted-border-color);
    1764. 

  1764.   --table-row-stripped-background-color: #f6f8f9;
    1765. 

  1765.   --code-background-color: hsl(205deg, 20%, 94%);
    1766. 

  1766.   --code-color: var(--muted-color);
    1767. 

  1767.   --code-kbd-background-color: var(--contrast);
    1768. 

  1768.   --code-kbd-color: var(--contrast-inverse);
    1769. 

  1769.   --code-tag-color: hsl(330deg, 40%, 50%);
    1770. 

  1770.   --code-property-color: hsl(185deg, 40%, 40%);
    1771. 

  1771.   --code-value-color: hsl(40deg, 20%, 50%);
    1772. 

  1772.   --code-comment-color: hsl(205deg, 14%, 68%);
    1773. 

  1773.   --accordion-border-color: var(--muted-border-color);
    1774. 

  1774.   --accordion-close-summary-color: var(--color);
    1775. 

  1775.   --accordion-open-summary-color: var(--muted-color);
    1776. 

  1776.   --card-background-color: var(--background-color);
    1777. 

  1777.   --card-border-color: var(--muted-border-color);
    1778. 

  1778.   --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),
    1779. 

  1779.     0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),
    1780. 

  1780.     0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),
    1781. 

  1781.     0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),
    1782. 

  1782.     0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),
    1783. 

  1783.     0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),
    1784. 

  1784.     0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
    1785. 

  1785.   --card-sectionning-background-color: #fbfbfc;
    1786. 

  1786.   --dropdown-background-color: #fbfbfc;
    1787. 

  1787.   --dropdown-border-color: #e1e6eb;
    1788. 

  1788.   --dropdown-box-shadow: var(--card-box-shadow);
    1789. 

  1789.   --dropdown-color: var(--color);
    1790. 

  1790.   --dropdown-hover-background-color: hsl(205deg, 20%, 94%);
    1791. 

  1791.   --modal-overlay-background-color: rgba(213, 220, 226, 0.7);
    1792. 

  1792.   --progress-background-color: hsl(205deg, 18%, 86%);
    1793. 

  1793.   --progress-color: var(--primary);
    1794. 

  1794.   --loading-spinner-opacity: 0.5;
    1795. 

  1795.   --tooltip-background-color: var(--contrast);
    1796. 

  1796.   --tooltip-color: var(--contrast-inverse);
    1797. 

  1797.   --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    1798. 

  1798.   --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    1799. 

  1799.   --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    1800. 

  1800.   --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    1801. 

  1801.   --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    1802. 

  1802.   --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    1803. 

  1803.   --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    1804. 

  1804.   --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    1805. 

  1805.   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    1806. 

  1806.   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
    1807. 

  1807.   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    1808. 

  1808.   --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTguOTM0OCA4LjY0ODQ0QzIwLjg5NDEgOC42NDg0NCAyMi40ODU1IDcuMDU0NjkgMjIuNDg1NSA1LjA5NzY2QzIyLjQ4NTUgMy4xNDA2MiAyMC44OTE4IDEuNTQ2ODggMTguOTM0OCAxLjU0Njg4QzE2Ljk3NTQgMS41NDY4OCAxNS4zODQgMy4xNDA2MiAxNS4zODQgNS4wOTc2NkMxNS4zODQgNS4yOTkyMiAxNS40MDA0IDUuNDkzNzUgMTUuNDMzMiA1LjY4NTk0TDcuMzIzODMgOS4zNTM5MUM2LjcwOTc3IDguODQ1MzEgNS45MjIyNyA4LjU0MDYyIDUuMDY0NDUgOC41NDA2MkMzLjEwNTA4IDguNTQwNjIgMS41MTM2NyAxMC4xMzQ0IDEuNTEzNjcgMTIuMDkxNEMxLjUxMzY3IDE0LjA0ODQgMy4xMDc0MiAxNS42NDIyIDUuMDY0NDUgMTUuNjQyMkM1LjgzMzIgMTUuNjQyMiA2LjU0NTcgMTUuMzk2MSA3LjEyNjk1IDE0Ljk4MTNMMTIuNDk0MSAxNy45OTUzQzEyLjQxNjggMTguMjg1OSAxMi4zNzcgMTguNTg4MyAxMi4zNzcgMTguOTAyM0MxMi4zNzcgMjAuODYxNyAxMy45NzA3IDIyLjQ1MzEgMTUuOTI3NyAyMi40NTMxQzE3Ljg4NzEgMjIuNDUzMSAxOS40Nzg1IDIwLjg1OTQgMTkuNDc4NSAxOC45MDIzQzE5LjQ3ODUgMTYuOTQzIDE3Ljg4NDggMTUuMzUxNiAxNS45Mjc3IDE1LjM1MTZDMTQuOTU3NCAxNS4zNTE2IDE0LjA3ODUgMTUuNzQzIDEzLjQzNjMgMTYuMzczNEw4LjMyMjI3IDEzLjUwNDdDOC41MDk3NyAxMy4wNzExIDguNjE1MjMgMTIuNTk1MyA4LjYxNTIzIDEyLjA5MzhDOC42MTUyMyAxMS42ODEyIDguNTQ0OTIgMTEuMjg3NSA4LjQxNjAyIDEwLjkxOTVMMTYuMjIzIDcuMzg3NUMxNi44NzQ2IDguMTU2MjUgMTcuODQ5NiA4LjY0ODQ0IDE4LjkzNDggOC42NDg0NFpNNS4wNjQ0NSAxMy43Njk1QzQuMTQxMDIgMTMuNzY5NSAzLjM4ODY3IDEzLjAxNzIgMy4zODg2NyAxMi4wOTM4QzMuMzg4NjcgMTEuMTcwMyA0LjE0MTAyIDEwLjQxOCA1LjA2NDQ1IDEwLjQxOEM1Ljk4Nzg5IDEwLjQxOCA2Ljc0MDIzIDExLjE3MDMgNi43NDAyMyAxMi4wOTM4QzYuNzQwMjMgMTMuMDE3MiA1Ljk4Nzg5IDEzLjc2OTUgNS4wNjQ0NSAxMy43Njk1Wk0xNS45Mjc3IDE3LjIyNjZDMTYuODUxMiAxNy4yMjY2IDE3LjYwMzUgMTcuOTc4OSAxNy42MDM1IDE4LjkwMjNDMTcuNjAzNSAxOS44MjU4IDE2Ljg1MTIgMjAuNTc4MSAxNS45Mjc3IDIwLjU3ODFDMTUuMDA0MyAyMC41NzgxIDE0LjI1MiAxOS44MjU4IDE0LjI1MiAxOC45MDIzQzE0LjI1MiAxNy45Nzg5IDE1LjAwMiAxNy4yMjY2IDE1LjkyNzcgMTcuMjI2NlpNMTguOTM0OCAzLjQxOTUzQzE5Ljg1ODIgMy40MTk1MyAyMC42MTA1IDQuMTcxODcgMjAuNjEwNSA1LjA5NTMxQzIwLjYxMDUgNi4wMTg3NSAxOS44NTgyIDYuNzcxMDkgMTguOTM0OCA2Ljc3MTA5QzE4LjAxMTMgNi43NzEwOSAxNy4yNTkgNi4wMTg3NSAxNy4yNTkgNS4wOTUzMUMxNy4yNTkgNC4xNzE4NyAxOC4wMTEzIDMuNDE5NTMgMTguOTM0OCAzLjQxOTUzWicgZmlsbD0nIzgzODM4MycvPjwvc3ZnPiA=");
    1809. 

  1809.   --float-ball-more-button-border-color: #F6F6F6;
    1810. 

  1810.   --float-ball-more-button-background-color: #FFFFFF;
    1811. 

  1811.   --float-ball-more-button-svg-color: #6C6F73;
    1812. 

  1812.   color-scheme: light;
    1813. 

  1813.   --service-bg-hover:#F7FAFF;
    1814. 

  1814. }
    1815. 

  1815. 

  1816. @media only screen and (prefers-color-scheme: dark) {
    1817. 

  1817.   #mount:not([data-theme="light"]) {
    1818. 

  1818.     --background-color: #11191f;
    1819. 

  1819.     --float-ball-more-button-background-color: #FFFFFF;
    1820. 

  1820.     --background-light-green: #141e26;
    1821. 

  1821.     --color: hsl(205deg, 16%, 77%);
    1822. 

  1822.     --h1-color: hsl(205deg, 20%, 94%);
    1823. 

  1823.     --h2-color: #e1e6eb;
    1824. 

  1824.     --h3-color: hsl(205deg, 18%, 86%);
    1825. 

  1825.     --h4-color: #c8d1d8;
    1826. 

  1826.     --h5-color: hsl(205deg, 16%, 77%);
    1827. 

  1827.     --h6-color: #afbbc4;
    1828. 

  1828.     --muted-color: hsl(205deg, 10%, 50%);
    1829. 

  1829.     --muted-border-color: #1f2d38;
    1830. 

  1830.     --primary: hsl(195deg, 85%, 41%);
    1831. 

  1831.     --primary-hover: hsl(195deg, 80%, 50%);
    1832. 

  1832.     --primary-focus: rgba(16, 149, 193, 0.25);
    1833. 

  1833.     --primary-inverse: #fff;
    1834. 

  1834.     --secondary: hsl(205deg, 15%, 41%);
    1835. 

  1835.     --secondary-hover: hsl(205deg, 10%, 50%);
    1836. 

  1836.     --secondary-focus: rgba(115, 130, 140, 0.25);
    1837. 

  1837.     --secondary-inverse: #fff;
    1838. 

  1838.     --contrast: hsl(205deg, 20%, 94%);
    1839. 

  1839.     --contrast-hover: #fff;
    1840. 

  1840.     --contrast-focus: rgba(115, 130, 140, 0.25);
    1841. 

  1841.     --contrast-inverse: #000;
    1842. 

  1842.     --mark-background-color: #d1c284;
    1843. 

  1843.     --mark-color: #11191f;
    1844. 

  1844.     --ins-color: #388e3c;
    1845. 

  1845.     --del-color: #c62828;
    1846. 

  1846.     --blockquote-border-color: var(--muted-border-color);
    1847. 

  1847.     --blockquote-footer-color: var(--muted-color);
    1848. 

  1848.     --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    1849. 

  1849.     --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    1850. 

  1850.     --form-element-background-color: #11191f;
    1851. 

  1851.     --form-element-border-color: #374956;
    1852. 

  1852.     --form-element-color: var(--color);
    1853. 

  1853.     --form-element-placeholder-color: var(--muted-color);
    1854. 

  1854.     --form-element-active-background-color: var(
    1855. 

  1855.       --form-element-background-color
    1856. 

  1856.     );
    1857. 

  1857.     --form-element-active-border-color: var(--primary);
    1858. 

  1858.     --form-element-focus-color: var(--primary-focus);
    1859. 

  1859.     --form-element-disabled-background-color: hsl(205deg, 25%, 23%);
    1860. 

  1860.     --form-element-disabled-border-color: hsl(205deg, 20%, 32%);
    1861. 

  1861.     --form-element-disabled-opacity: 0.5;
    1862. 

  1862.     --form-element-invalid-border-color: #b71c1c;
    1863. 

  1863.     --form-element-invalid-active-border-color: #c62828;
    1864. 

  1864.     --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
    1865. 

  1865.     --form-element-valid-border-color: #2e7d32;
    1866. 

  1866.     --form-element-valid-active-border-color: #388e3c;
    1867. 

  1867.     --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
    1868. 

  1868.     --switch-background-color: #374956;
    1869. 

  1869.     --switch-color: var(--primary-inverse);
    1870. 

  1870.     --switch-checked-background-color: var(--primary);
    1871. 

  1871.     --range-border-color: #24333e;
    1872. 

  1872.     --range-active-border-color: hsl(205deg, 25%, 23%);
    1873. 

  1873.     --range-thumb-border-color: var(--background-color);
    1874. 

  1874.     --range-thumb-color: var(--secondary);
    1875. 

  1875.     --range-thumb-hover-color: var(--secondary-hover);
    1876. 

  1876.     --range-thumb-active-color: var(--primary);
    1877. 

  1877.     --table-border-color: var(--muted-border-color);
    1878. 

  1878.     --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
    1879. 

  1879.     --code-background-color: #18232c;
    1880. 

  1880.     --code-color: var(--muted-color);
    1881. 

  1881.     --code-kbd-background-color: var(--contrast);
    1882. 

  1882.     --code-kbd-color: var(--contrast-inverse);
    1883. 

  1883.     --code-tag-color: hsl(330deg, 30%, 50%);
    1884. 

  1884.     --code-property-color: hsl(185deg, 30%, 50%);
    1885. 

  1885.     --code-value-color: hsl(40deg, 10%, 50%);
    1886. 

  1886.     --code-comment-color: #4d606d;
    1887. 

  1887.     --accordion-border-color: var(--muted-border-color);
    1888. 

  1888.     --accordion-active-summary-color: var(--primary);
    1889. 

  1889.     --accordion-close-summary-color: var(--color);
    1890. 

  1890.     --accordion-open-summary-color: var(--muted-color);
    1891. 

  1891.     --card-background-color: #141e26;
    1892. 

  1892.     --card-border-color: var(--card-background-color);
    1893. 

  1893.     --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
    1894. 

  1894.       0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
    1895. 

  1895.       0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
    1896. 

  1896.       0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
    1897. 

  1897.       0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
    1898. 

  1898.       0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    1899. 

  1899.     --card-sectionning-background-color: #18232c;
    1900. 

  1900.     --dropdown-background-color: hsl(205deg, 30%, 15%);
    1901. 

  1901.     --dropdown-border-color: #24333e;
    1902. 

  1902.     --dropdown-box-shadow: var(--card-box-shadow);
    1903. 

  1903.     --dropdown-color: var(--color);
    1904. 

  1904.     --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
    1905. 

  1905.     --modal-overlay-background-color: rgba(36, 51, 62, 0.8);
    1906. 

  1906.     --progress-background-color: #24333e;
    1907. 

  1907.     --progress-color: var(--primary);
    1908. 

  1908.     --loading-spinner-opacity: 0.5;
    1909. 

  1909.     --tooltip-background-color: var(--contrast);
    1910. 

  1910.     --tooltip-color: var(--contrast-inverse);
    1911. 

  1911.     --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    1912. 

  1912.     --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    1913. 

  1913.     --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    1914. 

  1914.     --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    1915. 

  1915.     --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    1916. 

  1916.     --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    1917. 

  1917.     --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    1918. 

  1918.     --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    1919. 

  1919.     --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    1920. 

  1920.     --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
    1921. 

  1921.     --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    1922. 

  1922.     --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
    1923. 

  1923.     color-scheme: dark;
    1924. 

  1924.     --service-bg-hover:#22292F;
    1925. 

  1925.   }
    1926. 

  1926. }
    1927. 

  1927. [data-theme="dark"] {
    1928. 

  1928.   --background-color: #11191f;
    1929. 

  1929.   --float-ball-more-button-background-color: #FFFFFF;
    1930. 

  1930.   --background-light-green: #141e26;
    1931. 

  1931.   --color: hsl(205deg, 16%, 77%);
    1932. 

  1932.   --h1-color: hsl(205deg, 20%, 94%);
    1933. 

  1933.   --h2-color: #e1e6eb;
    1934. 

  1934.   --h3-color: hsl(205deg, 18%, 86%);
    1935. 

  1935.   --h4-color: #c8d1d8;
    1936. 

  1936.   --h5-color: hsl(205deg, 16%, 77%);
    1937. 

  1937.   --h6-color: #afbbc4;
    1938. 

  1938.   --muted-color: hsl(205deg, 10%, 50%);
    1939. 

  1939.   --muted-border-color: #1f2d38;
    1940. 

  1940.   --primary: hsl(195deg, 85%, 41%);
    1941. 

  1941.   --primary-hover: hsl(195deg, 80%, 50%);
    1942. 

  1942.   --primary-focus: rgba(16, 149, 193, 0.25);
    1943. 

  1943.   --primary-inverse: #fff;
    1944. 

  1944.   --secondary: hsl(205deg, 15%, 41%);
    1945. 

  1945.   --secondary-hover: hsl(205deg, 10%, 50%);
    1946. 

  1946.   --secondary-focus: rgba(115, 130, 140, 0.25);
    1947. 

  1947.   --secondary-inverse: #fff;
    1948. 

  1948.   --contrast: hsl(205deg, 20%, 94%);
    1949. 

  1949.   --contrast-hover: #fff;
    1950. 

  1950.   --contrast-focus: rgba(115, 130, 140, 0.25);
    1951. 

  1951.   --contrast-inverse: #000;
    1952. 

  1952.   --mark-background-color: #d1c284;
    1953. 

  1953.   --mark-color: #11191f;
    1954. 

  1954.   --ins-color: #388e3c;
    1955. 

  1955.   --del-color: #c62828;
    1956. 

  1956.   --blockquote-border-color: var(--muted-border-color);
    1957. 

  1957.   --blockquote-footer-color: var(--muted-color);
    1958. 

  1958.   --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    1959. 

  1959.   --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    1960. 

  1960.   --form-element-background-color: #11191f;
    1961. 

  1961.   --form-element-border-color: #374956;
    1962. 

  1962.   --form-element-color: var(--color);
    1963. 

  1963.   --form-element-placeholder-color: var(--muted-color);
    1964. 

  1964.   --form-element-active-background-color: var(--form-element-background-color);
    1965. 

  1965.   --form-element-active-border-color: var(--primary);
    1966. 

  1966.   --form-element-focus-color: var(--primary-focus);
    1967. 

  1967.   --form-element-disabled-background-color: hsl(205deg, 25%, 23%);
    1968. 

  1968.   --form-element-disabled-border-color: hsl(205deg, 20%, 32%);
    1969. 

  1969.   --form-element-disabled-opacity: 0.5;
    1970. 

  1970.   --form-element-invalid-border-color: #b71c1c;
    1971. 

  1971.   --form-element-invalid-active-border-color: #c62828;
    1972. 

  1972.   --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
    1973. 

  1973.   --form-element-valid-border-color: #2e7d32;
    1974. 

  1974.   --form-element-valid-active-border-color: #388e3c;
    1975. 

  1975.   --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
    1976. 

  1976.   --switch-background-color: #374956;
    1977. 

  1977.   --switch-color: var(--primary-inverse);
    1978. 

  1978.   --switch-checked-background-color: var(--primary);
    1979. 

  1979.   --range-border-color: #24333e;
    1980. 

  1980.   --range-active-border-color: hsl(205deg, 25%, 23%);
    1981. 

  1981.   --range-thumb-border-color: var(--background-color);
    1982. 

  1982.   --range-thumb-color: var(--secondary);
    1983. 

  1983.   --range-thumb-hover-color: var(--secondary-hover);
    1984. 

  1984.   --range-thumb-active-color: var(--primary);
    1985. 

  1985.   --table-border-color: var(--muted-border-color);
    1986. 

  1986.   --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
    1987. 

  1987.   --code-background-color: #18232c;
    1988. 

  1988.   --code-color: var(--muted-color);
    1989. 

  1989.   --code-kbd-background-color: var(--contrast);
    1990. 

  1990.   --code-kbd-color: var(--contrast-inverse);
    1991. 

  1991.   --code-tag-color: hsl(330deg, 30%, 50%);
    1992. 

  1992.   --code-property-color: hsl(185deg, 30%, 50%);
    1993. 

  1993.   --code-value-color: hsl(40deg, 10%, 50%);
    1994. 

  1994.   --code-comment-color: #4d606d;
    1995. 

  1995.   --accordion-border-color: var(--muted-border-color);
    1996. 

  1996.   --accordion-active-summary-color: var(--primary);
    1997. 

  1997.   --accordion-close-summary-color: var(--color);
    1998. 

  1998.   --accordion-open-summary-color: var(--muted-color);
    1999. 

  1999.   --card-background-color: #141e26;
    2000. 

  2000.   --card-border-color: var(--card-background-color);
    2001. 

  2001.   --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
    2002. 

  2002.     0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
    2003. 

  2003.     0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
    2004. 

  2004.     0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
    2005. 

  2005.     0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
    2006. 

  2006.     0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    2007. 

  2007.   --card-sectionning-background-color: #18232c;
    2008. 

  2008.   --dropdown-background-color: hsl(205deg, 30%, 15%);
    2009. 

  2009.   --dropdown-border-color: #24333e;
    2010. 

  2010.   --dropdown-box-shadow: var(--card-box-shadow);
    2011. 

  2011.   --dropdown-color: var(--color);
    2012. 

  2012.   --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
    2013. 

  2013.   --modal-overlay-background-color: rgba(36, 51, 62, 0.8);
    2014. 

  2014.   --progress-background-color: #24333e;
    2015. 

  2015.   --progress-color: var(--primary);
    2016. 

  2016.   --loading-spinner-opacity: 0.5;
    2017. 

  2017.   --tooltip-background-color: var(--contrast);
    2018. 

  2018.   --tooltip-color: var(--contrast-inverse);
    2019. 

  2019.   --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    2020. 

  2020.   --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    2021. 

  2021.   --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    2022. 

  2022.   --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    2023. 

  2023.   --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    2024. 

  2024.   --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    2025. 

  2025.   --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    2026. 

  2026.   --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    2027. 

  2027.   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    2028. 

  2028.   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
    2029. 

  2029.   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    2030. 

  2030.   --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
    2031. 

  2031.   color-scheme: dark;
    2032. 

  2032. }
    2033. 

  2033. 

  2034. progress,
    2035. 

  2035. [type="checkbox"],
    2036. 

  2036. [type="radio"],
    2037. 

  2037. [type="range"] {
    2038. 

  2038.   accent-color: var(--primary);
    2039. 

  2039. }
    2040. 

  2040. 

  2041. /**
    2042. 

  2042.  * Document
    2043. 

  2043.  * Content-box & Responsive typography
    2044. 

  2044.  */
    2045. 

  2045. *,
    2046. 

  2046. *::before,
    2047. 

  2047. *::after {
    2048. 

  2048.   box-sizing: border-box;
    2049. 

  2049.   background-repeat: no-repeat;
    2050. 

  2050. }
    2051. 

  2051. 

  2052. ::before,
    2053. 

  2053. ::after {
    2054. 

  2054.   text-decoration: inherit;
    2055. 

  2055.   vertical-align: inherit;
    2056. 

  2056. }
    2057. 

  2057. 

  2058. :where(#mount) {
    2059. 

  2059.   -webkit-tap-highlight-color: transparent;
    2060. 

  2060.   -webkit-text-size-adjust: 100%;
    2061. 

  2061.   -moz-text-size-adjust: 100%;
    2062. 

  2062.   text-size-adjust: 100%;
    2063. 

  2063.   background-color: var(--background-color);
    2064. 

  2064.   color: var(--color);
    2065. 

  2065.   font-weight: var(--font-weight);
    2066. 

  2066.   font-size: var(--font-size);
    2067. 

  2067.   line-height: var(--line-height);
    2068. 

  2068.   font-family: var(--font-family);
    2069. 

  2069.   text-rendering: optimizeLegibility;
    2070. 

  2070.   overflow-wrap: break-word;
    2071. 

  2071.   cursor: default;
    2072. 

  2072.   -moz-tab-size: 4;
    2073. 

  2073.   -o-tab-size: 4;
    2074. 

  2074.   tab-size: 4;
    2075. 

  2075. }
    2076. 

  2076. 

  2077. /**
    2078. 

  2078.  * Sectioning
    2079. 

  2079.  * Container and responsive spacings for header, main, footer
    2080. 

  2080.  */
    2081. 

  2081. main {
    2082. 

  2082.   display: block;
    2083. 

  2083. }
    2084. 

  2084. 

  2085. #mount {
    2086. 

  2086.   width: 100%;
    2087. 

  2087.   margin: 0;
    2088. 

  2088. }
    2089. 

  2089. #mount > header,
    2090. 

  2090. #mount > main,
    2091. 

  2091. #mount > footer {
    2092. 

  2092.   width: 100%;
    2093. 

  2093.   margin-right: auto;
    2094. 

  2094.   margin-left: auto;
    2095. 

  2095.   padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
    2096. 

  2096. }
    2097. 

  2097. @media (min-width: 576px) {
    2098. 

  2098.   #mount > header,
    2099. 

  2099.   #mount > main,
    2100. 

  2100.   #mount > footer {
    2101. 

  2101.     max-width: 510px;
    2102. 

  2102.     padding-right: 0;
    2103. 

  2103.     padding-left: 0;
    2104. 

  2104.   }
    2105. 

  2105. }
    2106. 

  2106. @media (min-width: 768px) {
    2107. 

  2107.   #mount > header,
    2108. 

  2108.   #mount > main,
    2109. 

  2109.   #mount > footer {
    2110. 

  2110.     max-width: 700px;
    2111. 

  2111.   }
    2112. 

  2112. }
    2113. 

  2113. @media (min-width: 992px) {
    2114. 

  2114.   #mount > header,
    2115. 

  2115.   #mount > main,
    2116. 

  2116.   #mount > footer {
    2117. 

  2117.     max-width: 920px;
    2118. 

  2118.   }
    2119. 

  2119. }
    2120. 

  2120. @media (min-width: 1200px) {
    2121. 

  2121.   #mount > header,
    2122. 

  2122.   #mount > main,
    2123. 

  2123.   #mount > footer {
    2124. 

  2124.     max-width: 1130px;
    2125. 

  2125.   }
    2126. 

  2126. }
    2127. 

  2127. 

  2128. /**
    2129. 

  2129. * Container
    2130. 

  2130. */
    2131. 

  2131. .container,
    2132. 

  2132. .container-fluid {
    2133. 

  2133.   width: 100%;
    2134. 

  2134.   margin-right: auto;
    2135. 

  2135.   margin-left: auto;
    2136. 

  2136.   padding-right: var(--spacing);
    2137. 

  2137.   padding-left: var(--spacing);
    2138. 

  2138. }
    2139. 

  2139. 

  2140. @media (min-width: 576px) {
    2141. 

  2141.   .container {
    2142. 

  2142.     max-width: 510px;
    2143. 

  2143.     padding-right: 0;
    2144. 

  2144.     padding-left: 0;
    2145. 

  2145.   }
    2146. 

  2146. }
    2147. 

  2147. @media (min-width: 768px) {
    2148. 

  2148.   .container {
    2149. 

  2149.     max-width: 700px;
    2150. 

  2150.   }
    2151. 

  2151. }
    2152. 

  2152. @media (min-width: 992px) {
    2153. 

  2153.   .container {
    2154. 

  2154.     max-width: 920px;
    2155. 

  2155.   }
    2156. 

  2156. }
    2157. 

  2157. @media (min-width: 1200px) {
    2158. 

  2158.   .container {
    2159. 

  2159.     max-width: 1130px;
    2160. 

  2160.   }
    2161. 

  2161. }
    2162. 

  2162. 

  2163. /**
    2164. 

  2164.  * Section
    2165. 

  2165.  * Responsive spacings for section
    2166. 

  2166.  */
    2167. 

  2167. section {
    2168. 

  2168.   margin-bottom: var(--block-spacing-vertical);
    2169. 

  2169. }
    2170. 

  2170. 

  2171. /**
    2172. 

  2172. * Grid
    2173. 

  2173. * Minimal grid system with auto-layout columns
    2174. 

  2174. */
    2175. 

  2175. .grid {
    2176. 

  2176.   grid-column-gap: var(--grid-spacing-horizontal);
    2177. 

  2177.   grid-row-gap: var(--grid-spacing-vertical);
    2178. 

  2178.   display: grid;
    2179. 

  2179.   grid-template-columns: 1fr;
    2180. 

  2180.   margin: 0;
    2181. 

  2181. }
    2182. 

  2182. @media (min-width: 992px) {
    2183. 

  2183.   .grid {
    2184. 

  2184.     grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
    2185. 

  2185.   }
    2186. 

  2186. }
    2187. 

  2187. .grid > * {
    2188. 

  2188.   min-width: 0;
    2189. 

  2189. }
    2190. 

  2190. 

  2191. /**
    2192. 

  2192.  * Horizontal scroller (<figure>)
    2193. 

  2193.  */
    2194. 

  2194. figure {
    2195. 

  2195.   display: block;
    2196. 

  2196.   margin: 0;
    2197. 

  2197.   padding: 0;
    2198. 

  2198.   overflow-x: auto;
    2199. 

  2199. }
    2200. 

  2200. figure figcaption {
    2201. 

  2201.   padding: calc(var(--spacing) * 0.5) 0;
    2202. 

  2202.   color: var(--muted-color);
    2203. 

  2203. }
    2204. 

  2204. 

  2205. /**
    2206. 

  2206.  * Typography
    2207. 

  2207.  */
    2208. 

  2208. b,
    2209. 

  2209. strong {
    2210. 

  2210.   font-weight: bolder;
    2211. 

  2211. }
    2212. 

  2212. 

  2213. sub,
    2214. 

  2214. sup {
    2215. 

  2215.   position: relative;
    2216. 

  2216.   font-size: 0.75em;
    2217. 

  2217.   line-height: 0;
    2218. 

  2218.   vertical-align: baseline;
    2219. 

  2219. }
    2220. 

  2220. 

  2221. sub {
    2222. 

  2222.   bottom: -0.25em;
    2223. 

  2223. }
    2224. 

  2224. 

  2225. sup {
    2226. 

  2226.   top: -0.5em;
    2227. 

  2227. }
    2228. 

  2228. 

  2229. address,
    2230. 

  2230. blockquote,
    2231. 

  2231. dl,
    2232. 

  2232. figure,
    2233. 

  2233. form,
    2234. 

  2234. ol,
    2235. 

  2235. p,
    2236. 

  2236. pre,
    2237. 

  2237. table,
    2238. 

  2238. ul {
    2239. 

  2239.   margin-top: 0;
    2240. 

  2240.   margin-bottom: var(--typography-spacing-vertical);
    2241. 

  2241.   color: var(--color);
    2242. 

  2242.   font-style: normal;
    2243. 

  2243.   font-weight: var(--font-weight);
    2244. 

  2244.   font-size: var(--font-size);
    2245. 

  2245. }
    2246. 

  2246. 

  2247. a,
    2248. 

  2248. [role="link"] {
    2249. 

  2249.   --color: var(--primary);
    2250. 

  2250.   --background-color: transparent;
    2251. 

  2251.   outline: none;
    2252. 

  2252.   background-color: var(--background-color);
    2253. 

  2253.   color: var(--color);
    2254. 

  2254.   -webkit-text-decoration: var(--text-decoration);
    2255. 

  2255.   text-decoration: var(--text-decoration);
    2256. 

  2256.   transition: background-color var(--transition), color var(--transition),
    2257. 

  2257.     box-shadow var(--transition), -webkit-text-decoration var(--transition);
    2258. 

  2258.   transition: background-color var(--transition), color var(--transition),
    2259. 

  2259.     text-decoration var(--transition), box-shadow var(--transition);
    2260. 

  2260.   transition: background-color var(--transition), color var(--transition),
    2261. 

  2261.     text-decoration var(--transition), box-shadow var(--transition),
    2262. 

  2262.     -webkit-text-decoration var(--transition);
    2263. 

  2263. }
    2264. 

  2264. a:is([aria-current], :hover, :active, :focus),
    2265. 

  2265. [role="link"]:is([aria-current], :hover, :active, :focus) {
    2266. 

  2266.   --color: var(--primary-hover);
    2267. 

  2267.   --text-decoration: underline;
    2268. 

  2268. }
    2269. 

  2269. a:focus,
    2270. 

  2270. [role="link"]:focus {
    2271. 

  2271.   --background-color: var(--primary-focus);
    2272. 

  2272. }
    2273. 

  2273. a.secondary,
    2274. 

  2274. [role="link"].secondary {
    2275. 

  2275.   --color: var(--secondary);
    2276. 

  2276. }
    2277. 

  2277. a.secondary:is([aria-current], :hover, :active, :focus),
    2278. 

  2278. [role="link"].secondary:is([aria-current], :hover, :active, :focus) {
    2279. 

  2279.   --color: var(--secondary-hover);
    2280. 

  2280. }
    2281. 

  2281. a.secondary:focus,
    2282. 

  2282. [role="link"].secondary:focus {
    2283. 

  2283.   --background-color: var(--secondary-focus);
    2284. 

  2284. }
    2285. 

  2285. a.contrast,
    2286. 

  2286. [role="link"].contrast {
    2287. 

  2287.   --color: var(--contrast);
    2288. 

  2288. }
    2289. 

  2289. a.contrast:is([aria-current], :hover, :active, :focus),
    2290. 

  2290. [role="link"].contrast:is([aria-current], :hover, :active, :focus) {
    2291. 

  2291.   --color: var(--contrast-hover);
    2292. 

  2292. }
    2293. 

  2293. a.contrast:focus,
    2294. 

  2294. [role="link"].contrast:focus {
    2295. 

  2295.   --background-color: var(--contrast-focus);
    2296. 

  2296. }
    2297. 

  2297. 

  2298. h1,
    2299. 

  2299. h2,
    2300. 

  2300. h3,
    2301. 

  2301. h4,
    2302. 

  2302. h5,
    2303. 

  2303. h6 {
    2304. 

  2304.   margin-top: 0;
    2305. 

  2305.   margin-bottom: var(--typography-spacing-vertical);
    2306. 

  2306.   color: var(--color);
    2307. 

  2307.   font-weight: var(--font-weight);
    2308. 

  2308.   font-size: var(--font-size);
    2309. 

  2309.   font-family: var(--font-family);
    2310. 

  2310. }
    2311. 

  2311. 

  2312. h1 {
    2313. 

  2313.   --color: var(--h1-color);
    2314. 

  2314. }
    2315. 

  2315. 

  2316. h2 {
    2317. 

  2317.   --color: var(--h2-color);
    2318. 

  2318. }
    2319. 

  2319. 

  2320. h3 {
    2321. 

  2321.   --color: var(--h3-color);
    2322. 

  2322. }
    2323. 

  2323. 

  2324. h4 {
    2325. 

  2325.   --color: var(--h4-color);
    2326. 

  2326. }
    2327. 

  2327. 

  2328. h5 {
    2329. 

  2329.   --color: var(--h5-color);
    2330. 

  2330. }
    2331. 

  2331. 

  2332. h6 {
    2333. 

  2333.   --color: var(--h6-color);
    2334. 

  2334. }
    2335. 

  2335. 

  2336. :where(address, blockquote, dl, figure, form, ol, p, pre, table, ul)
    2337. 

  2337.   ~ :is(h1, h2, h3, h4, h5, h6) {
    2338. 

  2338.   margin-top: var(--typography-spacing-vertical);
    2339. 

  2339. }
    2340. 

  2340. 

  2341. hgroup,
    2342. 

  2342. .headings {
    2343. 

  2343.   margin-bottom: var(--typography-spacing-vertical);
    2344. 

  2344. }
    2345. 

  2345. hgroup > *,
    2346. 

  2346. .headings > * {
    2347. 

  2347.   margin-bottom: 0;
    2348. 

  2348. }
    2349. 

  2349. hgroup > *:last-child,
    2350. 

  2350. .headings > *:last-child {
    2351. 

  2351.   --color: var(--muted-color);
    2352. 

  2352.   --font-weight: unset;
    2353. 

  2353.   font-size: 1rem;
    2354. 

  2354.   font-family: unset;
    2355. 

  2355. }
    2356. 

  2356. 

  2357. p {
    2358. 

  2358.   margin-bottom: var(--typography-spacing-vertical);
    2359. 

  2359. }
    2360. 

  2360. 

  2361. small {
    2362. 

  2362.   font-size: var(--font-size);
    2363. 

  2363. }
    2364. 

  2364. 

  2365. :where(dl, ol, ul) {
    2366. 

  2366.   padding-right: 0;
    2367. 

  2367.   padding-left: var(--spacing);
    2368. 

  2368.   -webkit-padding-start: var(--spacing);
    2369. 

  2369.   padding-inline-start: var(--spacing);
    2370. 

  2370.   -webkit-padding-end: 0;
    2371. 

  2371.   padding-inline-end: 0;
    2372. 

  2372. }
    2373. 

  2373. :where(dl, ol, ul) li {
    2374. 

  2374.   margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
    2375. 

  2375. }
    2376. 

  2376. 

  2377. :where(dl, ol, ul) :is(dl, ol, ul) {
    2378. 

  2378.   margin: 0;
    2379. 

  2379.   margin-top: calc(var(--typography-spacing-vertical) * 0.25);
    2380. 

  2380. }
    2381. 

  2381. 

  2382. ul li {
    2383. 

  2383.   list-style: square;
    2384. 

  2384. }
    2385. 

  2385. 

  2386. mark {
    2387. 

  2387.   padding: 0.125rem 0.25rem;
    2388. 

  2388.   background-color: var(--mark-background-color);
    2389. 

  2389.   color: var(--mark-color);
    2390. 

  2390.   vertical-align: baseline;
    2391. 

  2391. }
    2392. 

  2392. 

  2393. blockquote {
    2394. 

  2394.   display: block;
    2395. 

  2395.   margin: var(--typography-spacing-vertical) 0;
    2396. 

  2396.   padding: var(--spacing);
    2397. 

  2397.   border-right: none;
    2398. 

  2398.   border-left: 0.25rem solid var(--blockquote-border-color);
    2399. 

  2399.   -webkit-border-start: 0.25rem solid var(--blockquote-border-color);
    2400. 

  2400.   border-inline-start: 0.25rem solid var(--blockquote-border-color);
    2401. 

  2401.   -webkit-border-end: none;
    2402. 

  2402.   border-inline-end: none;
    2403. 

  2403. }
    2404. 

  2404. blockquote footer {
    2405. 

  2405.   margin-top: calc(var(--typography-spacing-vertical) * 0.5);
    2406. 

  2406.   color: var(--blockquote-footer-color);
    2407. 

  2407. }
    2408. 

  2408. 

  2409. abbr[title] {
    2410. 

  2410.   border-bottom: 1px dotted;
    2411. 

  2411.   text-decoration: none;
    2412. 

  2412.   cursor: help;
    2413. 

  2413. }
    2414. 

  2414. 

  2415. ins {
    2416. 

  2416.   color: var(--ins-color);
    2417. 

  2417.   text-decoration: none;
    2418. 

  2418. }
    2419. 

  2419. 

  2420. del {
    2421. 

  2421.   color: var(--del-color);
    2422. 

  2422. }
    2423. 

  2423. 

  2424. ::-moz-selection {
    2425. 

  2425.   background-color: var(--primary-focus);
    2426. 

  2426. }
    2427. 

  2427. 

  2428. ::selection {
    2429. 

  2429.   background-color: var(--primary-focus);
    2430. 

  2430. }
    2431. 

  2431. 

  2432. /**
    2433. 

  2433.  * Embedded content
    2434. 

  2434.  */
    2435. 

  2435. :where(audio, canvas, iframe, img, svg, video) {
    2436. 

  2436.   vertical-align: middle;
    2437. 

  2437. }
    2438. 

  2438. 

  2439. audio,
    2440. 

  2440. video {
    2441. 

  2441.   display: inline-block;
    2442. 

  2442. }
    2443. 

  2443. 

  2444. audio:not([controls]) {
    2445. 

  2445.   display: none;
    2446. 

  2446.   height: 0;
    2447. 

  2447. }
    2448. 

  2448. 

  2449. :where(iframe) {
    2450. 

  2450.   border-style: none;
    2451. 

  2451. }
    2452. 

  2452. 

  2453. img {
    2454. 

  2454.   max-width: 100%;
    2455. 

  2455.   height: auto;
    2456. 

  2456.   border-style: none;
    2457. 

  2457. }
    2458. 

  2458. 

  2459. :where(svg:not([fill])) {
    2460. 

  2460.   fill: currentColor;
    2461. 

  2461. }
    2462. 

  2462. 

  2463. svg:not(#mount) {
    2464. 

  2464.   overflow: hidden;
    2465. 

  2465. }
    2466. 

  2466. 

  2467. /**
    2468. 

  2468.  * Button
    2469. 

  2469.  */
    2470. 

  2470. button {
    2471. 

  2471.   margin: 0;
    2472. 

  2472.   overflow: visible;
    2473. 

  2473.   font-family: inherit;
    2474. 

  2474.   text-transform: none;
    2475. 

  2475. }
    2476. 

  2476. 

  2477. button,
    2478. 

  2478. [type="button"],
    2479. 

  2479. [type="reset"],
    2480. 

  2480. [type="submit"] {
    2481. 

  2481.   -webkit-appearance: button;
    2482. 

  2482. }
    2483. 

  2483. 

  2484. button {
    2485. 

  2485.   display: block;
    2486. 

  2486.   width: 100%;
    2487. 

  2487.   margin-bottom: var(--spacing);
    2488. 

  2488. }
    2489. 

  2489. 

  2490. [role="button"] {
    2491. 

  2491.   display: inline-block;
    2492. 

  2492.   text-decoration: none;
    2493. 

  2493. }
    2494. 

  2494. 

  2495. button,
    2496. 

  2496. input[type="submit"],
    2497. 

  2497. input[type="button"],
    2498. 

  2498. input[type="reset"],
    2499. 

  2499. [role="button"] {
    2500. 

  2500.   --background-color: var(--primary);
    2501. 

  2501.   --border-color: var(--primary);
    2502. 

  2502.   --color: var(--primary-inverse);
    2503. 

  2503.   --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
    2504. 

  2504.   padding: var(--form-element-spacing-vertical)
    2505. 

  2505.     var(--form-element-spacing-horizontal);
    2506. 

  2506.   border: var(--border-width) solid var(--border-color);
    2507. 

  2507.   border-radius: var(--border-radius);
    2508. 

  2508.   outline: none;
    2509. 

  2509.   background-color: var(--background-color);
    2510. 

  2510.   box-shadow: var(--box-shadow);
    2511. 

  2511.   color: var(--color);
    2512. 

  2512.   font-weight: var(--font-weight);
    2513. 

  2513.   font-size: 1rem;
    2514. 

  2514.   line-height: var(--line-height);
    2515. 

  2515.   text-align: center;
    2516. 

  2516.   cursor: pointer;
    2517. 

  2517.   transition: background-color var(--transition), border-color var(--transition),
    2518. 

  2518.     color var(--transition), box-shadow var(--transition);
    2519. 

  2519. }
    2520. 

  2520. button:is([aria-current], :hover, :active, :focus),
    2521. 

  2521. input[type="submit"]:is([aria-current], :hover, :active, :focus),
    2522. 

  2522. input[type="button"]:is([aria-current], :hover, :active, :focus),
    2523. 

  2523. input[type="reset"]:is([aria-current], :hover, :active, :focus),
    2524. 

  2524. [role="button"]:is([aria-current], :hover, :active, :focus) {
    2525. 

  2525.   --background-color: var(--primary-hover);
    2526. 

  2526.   --border-color: var(--primary-hover);
    2527. 

  2527.   --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
    2528. 

  2528.   --color: var(--primary-inverse);
    2529. 

  2529. }
    2530. 

  2530. button:focus,
    2531. 

  2531. input[type="submit"]:focus,
    2532. 

  2532. input[type="button"]:focus,
    2533. 

  2533. input[type="reset"]:focus,
    2534. 

  2534. [role="button"]:focus {
    2535. 

  2535.   --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    2536. 

  2536.     0 0 0 var(--outline-width) var(--primary-focus);
    2537. 

  2537. }
    2538. 

  2538. 

  2539. :is(
    2540. 

  2540.     button,
    2541. 

  2541.     input[type="submit"],
    2542. 

  2542.     input[type="button"],
    2543. 

  2543.     [role="button"]
    2544. 

  2544.   ).secondary,
    2545. 

  2545. input[type="reset"] {
    2546. 

  2546.   --background-color: var(--secondary);
    2547. 

  2547.   --border-color: var(--secondary);
    2548. 

  2548.   --color: var(--secondary-inverse);
    2549. 

  2549.   cursor: pointer;
    2550. 

  2550. }
    2551. 

  2551. :is(
    2552. 

  2552.     button,
    2553. 

  2553.     input[type="submit"],
    2554. 

  2554.     input[type="button"],
    2555. 

  2555.     [role="button"]
    2556. 

  2556.   ).secondary:is([aria-current], :hover, :active, :focus),
    2557. 

  2557. input[type="reset"]:is([aria-current], :hover, :active, :focus) {
    2558. 

  2558.   --background-color: var(--secondary-hover);
    2559. 

  2559.   --border-color: var(--secondary-hover);
    2560. 

  2560.   --color: var(--secondary-inverse);
    2561. 

  2561. }
    2562. 

  2562. :is(
    2563. 

  2563.     button,
    2564. 

  2564.     input[type="submit"],
    2565. 

  2565.     input[type="button"],
    2566. 

  2566.     [role="button"]
    2567. 

  2567.   ).secondary:focus,
    2568. 

  2568. input[type="reset"]:focus {
    2569. 

  2569.   --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    2570. 

  2570.     0 0 0 var(--outline-width) var(--secondary-focus);
    2571. 

  2571. }
    2572. 

  2572. 

  2573. :is(
    2574. 

  2574.     button,
    2575. 

  2575.     input[type="submit"],
    2576. 

  2576.     input[type="button"],
    2577. 

  2577.     [role="button"]
    2578. 

  2578.   ).contrast {
    2579. 

  2579.   --background-color: var(--contrast);
    2580. 

  2580.   --border-color: var(--contrast);
    2581. 

  2581.   --color: var(--contrast-inverse);
    2582. 

  2582. }
    2583. 

  2583. :is(
    2584. 

  2584.     button,
    2585. 

  2585.     input[type="submit"],
    2586. 

  2586.     input[type="button"],
    2587. 

  2587.     [role="button"]
    2588. 

  2588.   ).contrast:is([aria-current], :hover, :active, :focus) {
    2589. 

  2589.   --background-color: var(--contrast-hover);
    2590. 

  2590.   --border-color: var(--contrast-hover);
    2591. 

  2591.   --color: var(--contrast-inverse);
    2592. 

  2592. }
    2593. 

  2593. :is(
    2594. 

  2594.     button,
    2595. 

  2595.     input[type="submit"],
    2596. 

  2596.     input[type="button"],
    2597. 

  2597.     [role="button"]
    2598. 

  2598.   ).contrast:focus {
    2599. 

  2599.   --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    2600. 

  2600.     0 0 0 var(--outline-width) var(--contrast-focus);
    2601. 

  2601. }
    2602. 

  2602. 

  2603. :is(
    2604. 

  2604.     button,
    2605. 

  2605.     input[type="submit"],
    2606. 

  2606.     input[type="button"],
    2607. 

  2607.     [role="button"]
    2608. 

  2608.   ).outline,
    2609. 

  2609. input[type="reset"].outline {
    2610. 

  2610.   --background-color: transparent;
    2611. 

  2611.   --color: var(--primary);
    2612. 

  2612. }
    2613. 

  2613. :is(
    2614. 

  2614.     button,
    2615. 

  2615.     input[type="submit"],
    2616. 

  2616.     input[type="button"],
    2617. 

  2617.     [role="button"]
    2618. 

  2618.   ).outline:is([aria-current], :hover, :active, :focus),
    2619. 

  2619. input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
    2620. 

  2620.   --background-color: transparent;
    2621. 

  2621.   --color: var(--primary-hover);
    2622. 

  2622. }
    2623. 

  2623. 

  2624. :is(
    2625. 

  2625.     button,
    2626. 

  2626.     input[type="submit"],
    2627. 

  2627.     input[type="button"],
    2628. 

  2628.     [role="button"]
    2629. 

  2629.   ).outline.secondary,
    2630. 

  2630. input[type="reset"].outline {
    2631. 

  2631.   --color: var(--secondary);
    2632. 

  2632. }
    2633. 

  2633. :is(
    2634. 

  2634.     button,
    2635. 

  2635.     input[type="submit"],
    2636. 

  2636.     input[type="button"],
    2637. 

  2637.     [role="button"]
    2638. 

  2638.   ).outline.secondary:is([aria-current], :hover, :active, :focus),
    2639. 

  2639. input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
    2640. 

  2640.   --color: var(--secondary-hover);
    2641. 

  2641. }
    2642. 

  2642. 

  2643. :is(
    2644. 

  2644.     button,
    2645. 

  2645.     input[type="submit"],
    2646. 

  2646.     input[type="button"],
    2647. 

  2647.     [role="button"]
    2648. 

  2648.   ).outline.contrast {
    2649. 

  2649.   --color: var(--contrast);
    2650. 

  2650. }
    2651. 

  2651. :is(
    2652. 

  2652.     button,
    2653. 

  2653.     input[type="submit"],
    2654. 

  2654.     input[type="button"],
    2655. 

  2655.     [role="button"]
    2656. 

  2656.   ).outline.contrast:is([aria-current], :hover, :active, :focus) {
    2657. 

  2657.   --color: var(--contrast-hover);
    2658. 

  2658. }
    2659. 

  2659. 

  2660. :where(
    2661. 

  2661.     button,
    2662. 

  2662.     [type="submit"],
    2663. 

  2663.     [type="button"],
    2664. 

  2664.     [type="reset"],
    2665. 

  2665.     [role="button"]
    2666. 

  2666.   )[disabled],
    2667. 

  2667. :where(fieldset[disabled])
    2668. 

  2668.   :is(
    2669. 

  2669.     button,
    2670. 

  2670.     [type="submit"],
    2671. 

  2671.     [type="button"],
    2672. 

  2672.     [type="reset"],
    2673. 

  2673.     [role="button"]
    2674. 

  2674.   ),
    2675. 

  2675. a[role="button"]:not([href]) {
    2676. 

  2676.   opacity: 0.5;
    2677. 

  2677.   pointer-events: none;
    2678. 

  2678. }
    2679. 

  2679. 

  2680. /**
    2681. 

  2681.  * Form elements
    2682. 

  2682.  */
    2683. 

  2683. input,
    2684. 

  2684. optgroup,
    2685. 

  2685. select,
    2686. 

  2686. textarea {
    2687. 

  2687.   margin: 0;
    2688. 

  2688.   font-size: 1rem;
    2689. 

  2689.   line-height: var(--line-height);
    2690. 

  2690.   font-family: inherit;
    2691. 

  2691.   letter-spacing: inherit;
    2692. 

  2692. }
    2693. 

  2693. 

  2694. input {
    2695. 

  2695.   overflow: visible;
    2696. 

  2696. }
    2697. 

  2697. 

  2698. select {
    2699. 

  2699.   text-transform: none;
    2700. 

  2700. }
    2701. 

  2701. 

  2702. legend {
    2703. 

  2703.   max-width: 100%;
    2704. 

  2704.   padding: 0;
    2705. 

  2705.   color: inherit;
    2706. 

  2706.   white-space: normal;
    2707. 

  2707. }
    2708. 

  2708. 

  2709. textarea {
    2710. 

  2710.   overflow: auto;
    2711. 

  2711. }
    2712. 

  2712. 

  2713. [type="checkbox"],
    2714. 

  2714. [type="radio"] {
    2715. 

  2715.   padding: 0;
    2716. 

  2716. }
    2717. 

  2717. 

  2718. ::-webkit-inner-spin-button,
    2719. 

  2719. ::-webkit-outer-spin-button {
    2720. 

  2720.   height: auto;
    2721. 

  2721. }
    2722. 

  2722. 

  2723. [type="search"] {
    2724. 

  2724.   -webkit-appearance: textfield;
    2725. 

  2725.   outline-offset: -2px;
    2726. 

  2726. }
    2727. 

  2727. 

  2728. [type="search"]::-webkit-search-decoration {
    2729. 

  2729.   -webkit-appearance: none;
    2730. 

  2730. }
    2731. 

  2731. 

  2732. ::-webkit-file-upload-button {
    2733. 

  2733.   -webkit-appearance: button;
    2734. 

  2734.   font: inherit;
    2735. 

  2735. }
    2736. 

  2736. 

  2737. ::-moz-focus-inner {
    2738. 

  2738.   padding: 0;
    2739. 

  2739.   border-style: none;
    2740. 

  2740. }
    2741. 

  2741. 

  2742. :-moz-focusring {
    2743. 

  2743.   outline: none;
    2744. 

  2744. }
    2745. 

  2745. 

  2746. :-moz-ui-invalid {
    2747. 

  2747.   box-shadow: none;
    2748. 

  2748. }
    2749. 

  2749. 

  2750. ::-ms-expand {
    2751. 

  2751.   display: none;
    2752. 

  2752. }
    2753. 

  2753. 

  2754. [type="file"],
    2755. 

  2755. [type="range"] {
    2756. 

  2756.   padding: 0;
    2757. 

  2757.   border-width: 0;
    2758. 

  2758. }
    2759. 

  2759. 

  2760. input:not([type="checkbox"], [type="radio"], [type="range"]) {
    2761. 

  2761.   height: calc(
    2762. 

  2762.     1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
    2763. 

  2763.       var(--border-width) * 2
    2764. 

  2764.   );
    2765. 

  2765. }
    2766. 

  2766. 

  2767. fieldset {
    2768. 

  2768.   margin: 0;
    2769. 

  2769.   margin-bottom: var(--spacing);
    2770. 

  2770.   padding: 0;
    2771. 

  2771.   border: 0;
    2772. 

  2772. }
    2773. 

  2773. 

  2774. label,
    2775. 

  2775. fieldset legend {
    2776. 

  2776.   display: block;
    2777. 

  2777.   margin-bottom: calc(var(--spacing) * 0.25);
    2778. 

  2778.   font-weight: var(--form-label-font-weight, var(--font-weight));
    2779. 

  2779. }
    2780. 

  2780. 

  2781. input:not([type="checkbox"], [type="radio"]),
    2782. 

  2782. select,
    2783. 

  2783. textarea {
    2784. 

  2784.   width: 100%;
    2785. 

  2785. }
    2786. 

  2786. 

  2787. input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
    2788. 

  2788. select,
    2789. 

  2789. textarea {
    2790. 

  2790.   -webkit-appearance: none;
    2791. 

  2791.   -moz-appearance: none;
    2792. 

  2792.   appearance: none;
    2793. 

  2793.   padding: var(--form-element-spacing-vertical)
    2794. 

  2794.     var(--form-element-spacing-horizontal);
    2795. 

  2795. }
    2796. 

  2796. 

  2797. input,
    2798. 

  2798. select,
    2799. 

  2799. textarea {
    2800. 

  2800.   --background-color: var(--form-element-background-color);
    2801. 

  2801.   --border-color: var(--form-element-border-color);
    2802. 

  2802.   --color: var(--form-element-color);
    2803. 

  2803.   --box-shadow: none;
    2804. 

  2804.   border: var(--border-width) solid var(--border-color);
    2805. 

  2805.   border-radius: var(--border-radius);
    2806. 

  2806.   outline: none;
    2807. 

  2807.   background-color: var(--background-color);
    2808. 

  2808.   box-shadow: var(--box-shadow);
    2809. 

  2809.   color: var(--color);
    2810. 

  2810.   font-weight: var(--font-weight);
    2811. 

  2811.   transition: background-color var(--transition), border-color var(--transition),
    2812. 

  2812.     color var(--transition), box-shadow var(--transition);
    2813. 

  2813. }
    2814. 

  2814. 

  2815. input:not(
    2816. 

  2816.     [type="submit"],
    2817. 

  2817.     [type="button"],
    2818. 

  2818.     [type="reset"],
    2819. 

  2819.     [type="checkbox"],
    2820. 

  2820.     [type="radio"],
    2821. 

  2821.     [readonly]
    2822. 

  2822.   ):is(:active, :focus),
    2823. 

  2823. :where(select, textarea):is(:active, :focus) {
    2824. 

  2824.   --background-color: var(--form-element-active-background-color);
    2825. 

  2825. }
    2826. 

  2826. 

  2827. input:not(
    2828. 

  2828.     [type="submit"],
    2829. 

  2829.     [type="button"],
    2830. 

  2830.     [type="reset"],
    2831. 

  2831.     [role="switch"],
    2832. 

  2832.     [readonly]
    2833. 

  2833.   ):is(:active, :focus),
    2834. 

  2834. :where(select, textarea):is(:active, :focus) {
    2835. 

  2835.   --border-color: var(--form-element-active-border-color);
    2836. 

  2836. }
    2837. 

  2837. 

  2838. input:not(
    2839. 

  2839.     [type="submit"],
    2840. 

  2840.     [type="button"],
    2841. 

  2841.     [type="reset"],
    2842. 

  2842.     [type="range"],
    2843. 

  2843.     [type="file"],
    2844. 

  2844.     [readonly]
    2845. 

  2845.   ):focus,
    2846. 

  2846. select:focus,
    2847. 

  2847. textarea:focus {
    2848. 

  2848.   --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
    2849. 

  2849. }
    2850. 

  2850. 

  2851. input:not([type="submit"], [type="button"], [type="reset"])[disabled],
    2852. 

  2852. select[disabled],
    2853. 

  2853. textarea[disabled],
    2854. 

  2854. :where(fieldset[disabled])
    2855. 

  2855.   :is(
    2856. 

  2856.     input:not([type="submit"], [type="button"], [type="reset"]),
    2857. 

  2857.     select,
    2858. 

  2858.     textarea
    2859. 

  2859.   ) {
    2860. 

  2860.   --background-color: var(--form-element-disabled-background-color);
    2861. 

  2861.   --border-color: var(--form-element-disabled-border-color);
    2862. 

  2862.   opacity: var(--form-element-disabled-opacity);
    2863. 

  2863.   pointer-events: none;
    2864. 

  2864. }
    2865. 

  2865. 

  2866. :where(input, select, textarea):not(
    2867. 

  2867.     [type="checkbox"],
    2868. 

  2868.     [type="radio"],
    2869. 

  2869.     [type="date"],
    2870. 

  2870.     [type="datetime-local"],
    2871. 

  2871.     [type="month"],
    2872. 

  2872.     [type="time"],
    2873. 

  2873.     [type="week"]
    2874. 

  2874.   )[aria-invalid] {
    2875. 

  2875.   padding-right: calc(
    2876. 

  2876.     var(--form-element-spacing-horizontal) + 1.5rem
    2877. 

  2877.   ) !important;
    2878. 

  2878.   padding-left: var(--form-element-spacing-horizontal);
    2879. 

  2879.   -webkit-padding-start: var(--form-element-spacing-horizontal) !important;
    2880. 

  2880.   padding-inline-start: var(--form-element-spacing-horizontal) !important;
    2881. 

  2881.   -webkit-padding-end: calc(
    2882. 

  2882.     var(--form-element-spacing-horizontal) + 1.5rem
    2883. 

  2883.   ) !important;
    2884. 

  2884.   padding-inline-end: calc(
    2885. 

  2885.     var(--form-element-spacing-horizontal) + 1.5rem
    2886. 

  2886.   ) !important;
    2887. 

  2887.   background-position: center right 0.75rem;
    2888. 

  2888.   background-size: 1rem auto;
    2889. 

  2889.   background-repeat: no-repeat;
    2890. 

  2890. }
    2891. 

  2891. :where(input, select, textarea):not(
    2892. 

  2892.     [type="checkbox"],
    2893. 

  2893.     [type="radio"],
    2894. 

  2894.     [type="date"],
    2895. 

  2895.     [type="datetime-local"],
    2896. 

  2896.     [type="month"],
    2897. 

  2897.     [type="time"],
    2898. 

  2898.     [type="week"]
    2899. 

  2899.   )[aria-invalid="false"] {
    2900. 

  2900.   background-image: var(--icon-valid);
    2901. 

  2901. }
    2902. 

  2902. :where(input, select, textarea):not(
    2903. 

  2903.     [type="checkbox"],
    2904. 

  2904.     [type="radio"],
    2905. 

  2905.     [type="date"],
    2906. 

  2906.     [type="datetime-local"],
    2907. 

  2907.     [type="month"],
    2908. 

  2908.     [type="time"],
    2909. 

  2909.     [type="week"]
    2910. 

  2910.   )[aria-invalid="true"] {
    2911. 

  2911.   background-image: var(--icon-invalid);
    2912. 

  2912. }
    2913. 

  2913. :where(input, select, textarea)[aria-invalid="false"] {
    2914. 

  2914.   --border-color: var(--form-element-valid-border-color);
    2915. 

  2915. }
    2916. 

  2916. :where(input, select, textarea)[aria-invalid="false"]:is(:active, :focus) {
    2917. 

  2917.   --border-color: var(--form-element-valid-active-border-color) !important;
    2918. 

  2918.   --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
    2919. 

  2919. }
    2920. 

  2920. :where(input, select, textarea)[aria-invalid="true"] {
    2921. 

  2921.   --border-color: var(--form-element-invalid-border-color);
    2922. 

  2922. }
    2923. 

  2923. :where(input, select, textarea)[aria-invalid="true"]:is(:active, :focus) {
    2924. 

  2924.   --border-color: var(--form-element-invalid-active-border-color) !important;
    2925. 

  2925.   --box-shadow: 0 0 0 var(--outline-width)
    2926. 

  2926.     var(--form-element-invalid-focus-color) !important;
    2927. 

  2927. }
    2928. 

  2928. 

  2929. [dir="rtl"]
    2930. 

  2930.   :where(input, select, textarea):not([type="checkbox"], [type="radio"]):is(
    2931. 

  2931.     [aria-invalid],
    2932. 

  2932.     [aria-invalid="true"],
    2933. 

  2933.     [aria-invalid="false"]
    2934. 

  2934.   ) {
    2935. 

  2935.   background-position: center left 0.75rem;
    2936. 

  2936. }
    2937. 

  2937. 

  2938. input::placeholder,
    2939. 

  2939. input::-webkit-input-placeholder,
    2940. 

  2940. textarea::placeholder,
    2941. 

  2941. textarea::-webkit-input-placeholder,
    2942. 

  2942. select:invalid {
    2943. 

  2943.   color: var(--form-element-placeholder-color);
    2944. 

  2944.   opacity: 1;
    2945. 

  2945. }
    2946. 

  2946. 

  2947. input:not([type="checkbox"], [type="radio"]),
    2948. 

  2948. select,
    2949. 

  2949. textarea {
    2950. 

  2950.   margin-bottom: var(--spacing);
    2951. 

  2951. }
    2952. 

  2952. 

  2953. select::-ms-expand {
    2954. 

  2954.   border: 0;
    2955. 

  2955.   background-color: transparent;
    2956. 

  2956. }
    2957. 

  2957. select:not([multiple], [size]) {
    2958. 

  2958.   padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
    2959. 

  2959.   padding-left: var(--form-element-spacing-horizontal);
    2960. 

  2960.   -webkit-padding-start: var(--form-element-spacing-horizontal);
    2961. 

  2961.   padding-inline-start: var(--form-element-spacing-horizontal);
    2962. 

  2962.   -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
    2963. 

  2963.   padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
    2964. 

  2964.   background-image: var(--icon-chevron);
    2965. 

  2965.   background-position: center right 0.75rem;
    2966. 

  2966.   background-size: 1rem auto;
    2967. 

  2967.   background-repeat: no-repeat;
    2968. 

  2968. }
    2969. 

  2969. 

  2970. [dir="rtl"] select:not([multiple], [size]) {
    2971. 

  2971.   background-position: center left 0.75rem;
    2972. 

  2972. }
    2973. 

  2973. 

  2974. :where(input, select, textarea) + small {
    2975. 

  2975.   display: block;
    2976. 

  2976.   width: 100%;
    2977. 

  2977.   margin-top: calc(var(--spacing) * -0.75);
    2978. 

  2978.   margin-bottom: var(--spacing);
    2979. 

  2979.   color: var(--muted-color);
    2980. 

  2980. }
    2981. 

  2981. 

  2982. label > :where(input, select, textarea) {
    2983. 

  2983.   margin-top: calc(var(--spacing) * 0.25);
    2984. 

  2984. }
    2985. 

  2985. 

  2986. /**
    2987. 

  2987.  * Form elements
    2988. 

  2988.  * Checkboxes & Radios
    2989. 

  2989.  */
    2990. 

  2990. [type="checkbox"],
    2991. 

  2991. [type="radio"] {
    2992. 

  2992.   -webkit-appearance: none;
    2993. 

  2993.   -moz-appearance: none;
    2994. 

  2994.   appearance: none;
    2995. 

  2995.   width: 1.25em;
    2996. 

  2996.   height: 1.25em;
    2997. 

  2997.   margin-top: -0.125em;
    2998. 

  2998.   margin-right: 0.375em;
    2999. 

  2999.   margin-left: 0;
    3000. 

  3000.   -webkit-margin-start: 0;
    3001. 

  3001.   margin-inline-start: 0;
    3002. 

  3002.   -webkit-margin-end: 0.375em;
    3003. 

  3003.   margin-inline-end: 0.375em;
    3004. 

  3004.   border-width: var(--border-width);
    3005. 

  3005.   font-size: inherit;
    3006. 

  3006.   vertical-align: middle;
    3007. 

  3007.   cursor: pointer;
    3008. 

  3008. }
    3009. 

  3009. [type="checkbox"]::-ms-check,
    3010. 

  3010. [type="radio"]::-ms-check {
    3011. 

  3011.   display: none;
    3012. 

  3012. }
    3013. 

  3013. [type="checkbox"]:checked,
    3014. 

  3014. [type="checkbox"]:checked:active,
    3015. 

  3015. [type="checkbox"]:checked:focus,
    3016. 

  3016. [type="radio"]:checked,
    3017. 

  3017. [type="radio"]:checked:active,
    3018. 

  3018. [type="radio"]:checked:focus {
    3019. 

  3019.   --background-color: var(--primary);
    3020. 

  3020.   --border-color: var(--primary);
    3021. 

  3021.   background-image: var(--icon-checkbox);
    3022. 

  3022.   background-position: center;
    3023. 

  3023.   background-size: 0.75em auto;
    3024. 

  3024.   background-repeat: no-repeat;
    3025. 

  3025. }
    3026. 

  3026. [type="checkbox"] ~ label,
    3027. 

  3027. [type="radio"] ~ label {
    3028. 

  3028.   display: inline-block;
    3029. 

  3029.   margin-right: 0.375em;
    3030. 

  3030.   margin-bottom: 0;
    3031. 

  3031.   cursor: pointer;
    3032. 

  3032. }
    3033. 

  3033. 

  3034. [type="checkbox"]:indeterminate {
    3035. 

  3035.   --background-color: var(--primary);
    3036. 

  3036.   --border-color: var(--primary);
    3037. 

  3037.   background-image: var(--icon-minus);
    3038. 

  3038.   background-position: center;
    3039. 

  3039.   background-size: 0.75em auto;
    3040. 

  3040.   background-repeat: no-repeat;
    3041. 

  3041. }
    3042. 

  3042. 

  3043. [type="radio"] {
    3044. 

  3044.   border-radius: 50%;
    3045. 

  3045. }
    3046. 

  3046. [type="radio"]:checked,
    3047. 

  3047. [type="radio"]:checked:active,
    3048. 

  3048. [type="radio"]:checked:focus {
    3049. 

  3049.   --background-color: var(--primary-inverse);
    3050. 

  3050.   border-width: 0.35em;
    3051. 

  3051.   background-image: none;
    3052. 

  3052. }
    3053. 

  3053. 

  3054. [type="checkbox"][role="switch"] {
    3055. 

  3055.   --background-color: var(--switch-background-color);
    3056. 

  3056.   --border-color: var(--switch-background-color);
    3057. 

  3057.   --color: var(--switch-color);
    3058. 

  3058.   width: 2.25em;
    3059. 

  3059.   height: 1.25em;
    3060. 

  3060.   border: var(--border-width) solid var(--border-color);
    3061. 

  3061.   border-radius: 1.25em;
    3062. 

  3062.   background-color: var(--background-color);
    3063. 

  3063.   line-height: 1.25em;
    3064. 

  3064. }
    3065. 

  3065. [type="checkbox"][role="switch"]:focus {
    3066. 

  3066.   --background-color: var(--switch-background-color);
    3067. 

  3067.   --border-color: var(--switch-background-color);
    3068. 

  3068. }
    3069. 

  3069. [type="checkbox"][role="switch"]:checked {
    3070. 

  3070.   --background-color: var(--switch-checked-background-color);
    3071. 

  3071.   --border-color: var(--switch-checked-background-color);
    3072. 

  3072. }
    3073. 

  3073. [type="checkbox"][role="switch"]:before {
    3074. 

  3074.   display: block;
    3075. 

  3075.   width: calc(1.25em - (var(--border-width) * 2));
    3076. 

  3076.   height: 100%;
    3077. 

  3077.   border-radius: 50%;
    3078. 

  3078.   background-color: var(--color);
    3079. 

  3079.   content: "";
    3080. 

  3080.   transition: margin 0.1s ease-in-out;
    3081. 

  3081. }
    3082. 

  3082. [type="checkbox"][role="switch"]:checked {
    3083. 

  3083.   background-image: none;
    3084. 

  3084. }
    3085. 

  3085. [type="checkbox"][role="switch"]:checked::before {
    3086. 

  3086.   margin-left: calc(1.125em - var(--border-width));
    3087. 

  3087.   -webkit-margin-start: calc(1.125em - var(--border-width));
    3088. 

  3088.   margin-inline-start: calc(1.125em - var(--border-width));
    3089. 

  3089. }
    3090. 

  3090. 

  3091. [type="checkbox"][aria-invalid="false"],
    3092. 

  3092. [type="checkbox"]:checked[aria-invalid="false"],
    3093. 

  3093. [type="radio"][aria-invalid="false"],
    3094. 

  3094. [type="radio"]:checked[aria-invalid="false"],
    3095. 

  3095. [type="checkbox"][role="switch"][aria-invalid="false"],
    3096. 

  3096. [type="checkbox"][role="switch"]:checked[aria-invalid="false"] {
    3097. 

  3097.   --border-color: var(--form-element-valid-border-color);
    3098. 

  3098. }
    3099. 

  3099. [type="checkbox"][aria-invalid="true"],
    3100. 

  3100. [type="checkbox"]:checked[aria-invalid="true"],
    3101. 

  3101. [type="radio"][aria-invalid="true"],
    3102. 

  3102. [type="radio"]:checked[aria-invalid="true"],
    3103. 

  3103. [type="checkbox"][role="switch"][aria-invalid="true"],
    3104. 

  3104. [type="checkbox"][role="switch"]:checked[aria-invalid="true"] {
    3105. 

  3105.   --border-color: var(--form-element-invalid-border-color);
    3106. 

  3106. }
    3107. 

  3107. 

  3108. /**
    3109. 

  3109.  * Form elements
    3110. 

  3110.  * Alternatives input types (Not Checkboxes & Radios)
    3111. 

  3111.  */
    3112. 

  3112. [type="color"]::-webkit-color-swatch-wrapper {
    3113. 

  3113.   padding: 0;
    3114. 

  3114. }
    3115. 

  3115. [type="color"]::-moz-focus-inner {
    3116. 

  3116.   padding: 0;
    3117. 

  3117. }
    3118. 

  3118. [type="color"]::-webkit-color-swatch {
    3119. 

  3119.   border: 0;
    3120. 

  3120.   border-radius: calc(var(--border-radius) * 0.5);
    3121. 

  3121. }
    3122. 

  3122. [type="color"]::-moz-color-swatch {
    3123. 

  3123.   border: 0;
    3124. 

  3124.   border-radius: calc(var(--border-radius) * 0.5);
    3125. 

  3125. }
    3126. 

  3126. 

  3127. input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]):is(
    3128. 

  3128.     [type="date"],
    3129. 

  3129.     [type="datetime-local"],
    3130. 

  3130.     [type="month"],
    3131. 

  3131.     [type="time"],
    3132. 

  3132.     [type="week"]
    3133. 

  3133.   ) {
    3134. 

  3134.   --icon-position: 0.75rem;
    3135. 

  3135.   --icon-width: 1rem;
    3136. 

  3136.   padding-right: calc(var(--icon-width) + var(--icon-position));
    3137. 

  3137.   background-image: var(--icon-date);
    3138. 

  3138.   background-position: center right var(--icon-position);
    3139. 

  3139.   background-size: var(--icon-width) auto;
    3140. 

  3140.   background-repeat: no-repeat;
    3141. 

  3141. }
    3142. 

  3142. input:not(
    3143. 

  3143.     [type="checkbox"],
    3144. 

  3144.     [type="radio"],
    3145. 

  3145.     [type="range"],
    3146. 

  3146.     [type="file"]
    3147. 

  3147.   )[type="time"] {
    3148. 

  3148.   background-image: var(--icon-time);
    3149. 

  3149. }
    3150. 

  3150. 

  3151. [type="date"]::-webkit-calendar-picker-indicator,
    3152. 

  3152. [type="datetime-local"]::-webkit-calendar-picker-indicator,
    3153. 

  3153. [type="month"]::-webkit-calendar-picker-indicator,
    3154. 

  3154. [type="time"]::-webkit-calendar-picker-indicator,
    3155. 

  3155. [type="week"]::-webkit-calendar-picker-indicator {
    3156. 

  3156.   width: var(--icon-width);
    3157. 

  3157.   margin-right: calc(var(--icon-width) * -1);
    3158. 

  3158.   margin-left: var(--icon-position);
    3159. 

  3159.   opacity: 0;
    3160. 

  3160. }
    3161. 

  3161. 

  3162. [dir="rtl"]
    3163. 

  3163.   :is(
    3164. 

  3164.     [type="date"],
    3165. 

  3165.     [type="datetime-local"],
    3166. 

  3166.     [type="month"],
    3167. 

  3167.     [type="time"],
    3168. 

  3168.     [type="week"]
    3169. 

  3169.   ) {
    3170. 

  3170.   text-align: right;
    3171. 

  3171. }
    3172. 

  3172. 

  3173. [type="file"] {
    3174. 

  3174.   --color: var(--muted-color);
    3175. 

  3175.   padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
    3176. 

  3176.   border: 0;
    3177. 

  3177.   border-radius: 0;
    3178. 

  3178.   background: none;
    3179. 

  3179. }
    3180. 

  3180. [type="file"]::file-selector-button {
    3181. 

  3181.   --background-color: var(--secondary);
    3182. 

  3182.   --border-color: var(--secondary);
    3183. 

  3183.   --color: var(--secondary-inverse);
    3184. 

  3184.   margin-right: calc(var(--spacing) / 2);
    3185. 

  3185.   margin-left: 0;
    3186. 

  3186.   -webkit-margin-start: 0;
    3187. 

  3187.   margin-inline-start: 0;
    3188. 

  3188.   -webkit-margin-end: calc(var(--spacing) / 2);
    3189. 

  3189.   margin-inline-end: calc(var(--spacing) / 2);
    3190. 

  3190.   padding: calc(var(--form-element-spacing-vertical) * 0.5)
    3191. 

  3191.     calc(var(--form-element-spacing-horizontal) * 0.5);
    3192. 

  3192.   border: var(--border-width) solid var(--border-color);
    3193. 

  3193.   border-radius: var(--border-radius);
    3194. 

  3194.   outline: none;
    3195. 

  3195.   background-color: var(--background-color);
    3196. 

  3196.   box-shadow: var(--box-shadow);
    3197. 

  3197.   color: var(--color);
    3198. 

  3198.   font-weight: var(--font-weight);
    3199. 

  3199.   font-size: 1rem;
    3200. 

  3200.   line-height: var(--line-height);
    3201. 

  3201.   text-align: center;
    3202. 

  3202.   cursor: pointer;
    3203. 

  3203.   transition: background-color var(--transition), border-color var(--transition),
    3204. 

  3204.     color var(--transition), box-shadow var(--transition);
    3205. 

  3205. }
    3206. 

  3206. [type="file"]::file-selector-button:is(:hover, :active, :focus) {
    3207. 

  3207.   --background-color: var(--secondary-hover);
    3208. 

  3208.   --border-color: var(--secondary-hover);
    3209. 

  3209. }
    3210. 

  3210. [type="file"]::-webkit-file-upload-button {
    3211. 

  3211.   --background-color: var(--secondary);
    3212. 

  3212.   --border-color: var(--secondary);
    3213. 

  3213.   --color: var(--secondary-inverse);
    3214. 

  3214.   margin-right: calc(var(--spacing) / 2);
    3215. 

  3215.   margin-left: 0;
    3216. 

  3216.   -webkit-margin-start: 0;
    3217. 

  3217.   margin-inline-start: 0;
    3218. 

  3218.   -webkit-margin-end: calc(var(--spacing) / 2);
    3219. 

  3219.   margin-inline-end: calc(var(--spacing) / 2);
    3220. 

  3220.   padding: calc(var(--form-element-spacing-vertical) * 0.5)
    3221. 

  3221.     calc(var(--form-element-spacing-horizontal) * 0.5);
    3222. 

  3222.   border: var(--border-width) solid var(--border-color);
    3223. 

  3223.   border-radius: var(--border-radius);
    3224. 

  3224.   outline: none;
    3225. 

  3225.   background-color: var(--background-color);
    3226. 

  3226.   box-shadow: var(--box-shadow);
    3227. 

  3227.   color: var(--color);
    3228. 

  3228.   font-weight: var(--font-weight);
    3229. 

  3229.   font-size: 1rem;
    3230. 

  3230.   line-height: var(--line-height);
    3231. 

  3231.   text-align: center;
    3232. 

  3232.   cursor: pointer;
    3233. 

  3233.   -webkit-transition: background-color var(--transition),
    3234. 

  3234.     border-color var(--transition), color var(--transition),
    3235. 

  3235.     box-shadow var(--transition);
    3236. 

  3236.   transition: background-color var(--transition), border-color var(--transition),
    3237. 

  3237.     color var(--transition), box-shadow var(--transition);
    3238. 

  3238. }
    3239. 

  3239. [type="file"]::-webkit-file-upload-button:is(:hover, :active, :focus) {
    3240. 

  3240.   --background-color: var(--secondary-hover);
    3241. 

  3241.   --border-color: var(--secondary-hover);
    3242. 

  3242. }
    3243. 

  3243. [type="file"]::-ms-browse {
    3244. 

  3244.   --background-color: var(--secondary);
    3245. 

  3245.   --border-color: var(--secondary);
    3246. 

  3246.   --color: var(--secondary-inverse);
    3247. 

  3247.   margin-right: calc(var(--spacing) / 2);
    3248. 

  3248.   margin-left: 0;
    3249. 

  3249.   margin-inline-start: 0;
    3250. 

  3250.   margin-inline-end: calc(var(--spacing) / 2);
    3251. 

  3251.   padding: calc(var(--form-element-spacing-vertical) * 0.5)
    3252. 

  3252.     calc(var(--form-element-spacing-horizontal) * 0.5);
    3253. 

  3253.   border: var(--border-width) solid var(--border-color);
    3254. 

  3254.   border-radius: var(--border-radius);
    3255. 

  3255.   outline: none;
    3256. 

  3256.   background-color: var(--background-color);
    3257. 

  3257.   box-shadow: var(--box-shadow);
    3258. 

  3258.   color: var(--color);
    3259. 

  3259.   font-weight: var(--font-weight);
    3260. 

  3260.   font-size: 1rem;
    3261. 

  3261.   line-height: var(--line-height);
    3262. 

  3262.   text-align: center;
    3263. 

  3263.   cursor: pointer;
    3264. 

  3264.   -ms-transition: background-color var(--transition),
    3265. 

  3265.     border-color var(--transition), color var(--transition),
    3266. 

  3266.     box-shadow var(--transition);
    3267. 

  3267.   transition: background-color var(--transition), border-color var(--transition),
    3268. 

  3268.     color var(--transition), box-shadow var(--transition);
    3269. 

  3269. }
    3270. 

  3270. [type="file"]::-ms-browse:is(:hover, :active, :focus) {
    3271. 

  3271.   --background-color: var(--secondary-hover);
    3272. 

  3272.   --border-color: var(--secondary-hover);
    3273. 

  3273. }
    3274. 

  3274. 

  3275. [type="range"] {
    3276. 

  3276.   -webkit-appearance: none;
    3277. 

  3277.   -moz-appearance: none;
    3278. 

  3278.   appearance: none;
    3279. 

  3279.   width: 100%;
    3280. 

  3280.   height: 1.25rem;
    3281. 

  3281.   background: none;
    3282. 

  3282. }
    3283. 

  3283. [type="range"]::-webkit-slider-runnable-track {
    3284. 

  3284.   width: 100%;
    3285. 

  3285.   height: 0.25rem;
    3286. 

  3286.   border-radius: var(--border-radius);
    3287. 

  3287.   background-color: var(--range-border-color);
    3288. 

  3288.   -webkit-transition: background-color var(--transition),
    3289. 

  3289.     box-shadow var(--transition);
    3290. 

  3290.   transition: background-color var(--transition), box-shadow var(--transition);
    3291. 

  3291. }
    3292. 

  3292. [type="range"]::-moz-range-track {
    3293. 

  3293.   width: 100%;
    3294. 

  3294.   height: 0.25rem;
    3295. 

  3295.   border-radius: var(--border-radius);
    3296. 

  3296.   background-color: var(--range-border-color);
    3297. 

  3297.   -moz-transition: background-color var(--transition),
    3298. 

  3298.     box-shadow var(--transition);
    3299. 

  3299.   transition: background-color var(--transition), box-shadow var(--transition);
    3300. 

  3300. }
    3301. 

  3301. [type="range"]::-ms-track {
    3302. 

  3302.   width: 100%;
    3303. 

  3303.   height: 0.25rem;
    3304. 

  3304.   border-radius: var(--border-radius);
    3305. 

  3305.   background-color: var(--range-border-color);
    3306. 

  3306.   -ms-transition: background-color var(--transition),
    3307. 

  3307.     box-shadow var(--transition);
    3308. 

  3308.   transition: background-color var(--transition), box-shadow var(--transition);
    3309. 

  3309. }
    3310. 

  3310. [type="range"]::-webkit-slider-thumb {
    3311. 

  3311.   -webkit-appearance: none;
    3312. 

  3312.   width: 1.25rem;
    3313. 

  3313.   height: 1.25rem;
    3314. 

  3314.   margin-top: -0.5rem;
    3315. 

  3315.   border: 2px solid var(--range-thumb-border-color);
    3316. 

  3316.   border-radius: 50%;
    3317. 

  3317.   background-color: var(--range-thumb-color);
    3318. 

  3318.   cursor: pointer;
    3319. 

  3319.   -webkit-transition: background-color var(--transition),
    3320. 

  3320.     transform var(--transition);
    3321. 

  3321.   transition: background-color var(--transition), transform var(--transition);
    3322. 

  3322. }
    3323. 

  3323. [type="range"]::-moz-range-thumb {
    3324. 

  3324.   -webkit-appearance: none;
    3325. 

  3325.   width: 1.25rem;
    3326. 

  3326.   height: 1.25rem;
    3327. 

  3327.   margin-top: -0.5rem;
    3328. 

  3328.   border: 2px solid var(--range-thumb-border-color);
    3329. 

  3329.   border-radius: 50%;
    3330. 

  3330.   background-color: var(--range-thumb-color);
    3331. 

  3331.   cursor: pointer;
    3332. 

  3332.   -moz-transition: background-color var(--transition),
    3333. 

  3333.     transform var(--transition);
    3334. 

  3334.   transition: background-color var(--transition), transform var(--transition);
    3335. 

  3335. }
    3336. 

  3336. [type="range"]::-ms-thumb {
    3337. 

  3337.   -webkit-appearance: none;
    3338. 

  3338.   width: 1.25rem;
    3339. 

  3339.   height: 1.25rem;
    3340. 

  3340.   margin-top: -0.5rem;
    3341. 

  3341.   border: 2px solid var(--range-thumb-border-color);
    3342. 

  3342.   border-radius: 50%;
    3343. 

  3343.   background-color: var(--range-thumb-color);
    3344. 

  3344.   cursor: pointer;
    3345. 

  3345.   -ms-transition: background-color var(--transition),
    3346. 

  3346.     transform var(--transition);
    3347. 

  3347.   transition: background-color var(--transition), transform var(--transition);
    3348. 

  3348. }
    3349. 

  3349. [type="range"]:hover,
    3350. 

  3350. [type="range"]:focus {
    3351. 

  3351.   --range-border-color: var(--range-active-border-color);
    3352. 

  3352.   --range-thumb-color: var(--range-thumb-hover-color);
    3353. 

  3353. }
    3354. 

  3354. [type="range"]:active {
    3355. 

  3355.   --range-thumb-color: var(--range-thumb-active-color);
    3356. 

  3356. }
    3357. 

  3357. [type="range"]:active::-webkit-slider-thumb {
    3358. 

  3358.   transform: scale(1.25);
    3359. 

  3359. }
    3360. 

  3360. [type="range"]:active::-moz-range-thumb {
    3361. 

  3361.   transform: scale(1.25);
    3362. 

  3362. }
    3363. 

  3363. [type="range"]:active::-ms-thumb {
    3364. 

  3364.   transform: scale(1.25);
    3365. 

  3365. }
    3366. 

  3366. 

  3367. input:not(
    3368. 

  3368.     [type="checkbox"],
    3369. 

  3369.     [type="radio"],
    3370. 

  3370.     [type="range"],
    3371. 

  3371.     [type="file"]
    3372. 

  3372.   )[type="search"] {
    3373. 

  3373.   -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
    3374. 

  3374.   padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
    3375. 

  3375.   border-radius: 5rem;
    3376. 

  3376.   background-image: var(--icon-search);
    3377. 

  3377.   background-position: center left 1.125rem;
    3378. 

  3378.   background-size: 1rem auto;
    3379. 

  3379.   background-repeat: no-repeat;
    3380. 

  3380. }
    3381. 

  3381. input:not(
    3382. 

  3382.     [type="checkbox"],
    3383. 

  3383.     [type="radio"],
    3384. 

  3384.     [type="range"],
    3385. 

  3385.     [type="file"]
    3386. 

  3386.   )[type="search"][aria-invalid] {
    3387. 

  3387.   -webkit-padding-start: calc(
    3388. 

  3388.     var(--form-element-spacing-horizontal) + 1.75rem
    3389. 

  3389.   ) !important;
    3390. 

  3390.   padding-inline-start: calc(
    3391. 

  3391.     var(--form-element-spacing-horizontal) + 1.75rem
    3392. 

  3392.   ) !important;
    3393. 

  3393.   background-position: center left 1.125rem, center right 0.75rem;
    3394. 

  3394. }
    3395. 

  3395. input:not(
    3396. 

  3396.     [type="checkbox"],
    3397. 

  3397.     [type="radio"],
    3398. 

  3398.     [type="range"],
    3399. 

  3399.     [type="file"]
    3400. 

  3400.   )[type="search"][aria-invalid="false"] {
    3401. 

  3401.   background-image: var(--icon-search), var(--icon-valid);
    3402. 

  3402. }
    3403. 

  3403. input:not(
    3404. 

  3404.     [type="checkbox"],
    3405. 

  3405.     [type="radio"],
    3406. 

  3406.     [type="range"],
    3407. 

  3407.     [type="file"]
    3408. 

  3408.   )[type="search"][aria-invalid="true"] {
    3409. 

  3409.   background-image: var(--icon-search), var(--icon-invalid);
    3410. 

  3410. }
    3411. 

  3411. 

  3412. [type="search"]::-webkit-search-cancel-button {
    3413. 

  3413.   -webkit-appearance: none;
    3414. 

  3414.   display: none;
    3415. 

  3415. }
    3416. 

  3416. 

  3417. [dir="rtl"]
    3418. 

  3418.   :where(input):not(
    3419. 

  3419.     [type="checkbox"],
    3420. 

  3420.     [type="radio"],
    3421. 

  3421.     [type="range"],
    3422. 

  3422.     [type="file"]
    3423. 

  3423.   )[type="search"] {
    3424. 

  3424.   background-position: center right 1.125rem;
    3425. 

  3425. }
    3426. 

  3426. [dir="rtl"]
    3427. 

  3427.   :where(input):not(
    3428. 

  3428.     [type="checkbox"],
    3429. 

  3429.     [type="radio"],
    3430. 

  3430.     [type="range"],
    3431. 

  3431.     [type="file"]
    3432. 

  3432.   )[type="search"][aria-invalid] {
    3433. 

  3433.   background-position: center right 1.125rem, center left 0.75rem;
    3434. 

  3434. }
    3435. 

  3435. 

  3436. /**
    3437. 

  3437.  * Table
    3438. 

  3438.  */
    3439. 

  3439. :where(table) {
    3440. 

  3440.   width: 100%;
    3441. 

  3441.   border-collapse: collapse;
    3442. 

  3442.   border-spacing: 0;
    3443. 

  3443.   text-indent: 0;
    3444. 

  3444. }
    3445. 

  3445. 

  3446. th,
    3447. 

  3447. td {
    3448. 

  3448.   padding: calc(var(--spacing) / 2) var(--spacing);
    3449. 

  3449.   border-bottom: var(--border-width) solid var(--table-border-color);
    3450. 

  3450.   color: var(--color);
    3451. 

  3451.   font-weight: var(--font-weight);
    3452. 

  3452.   font-size: var(--font-size);
    3453. 

  3453.   text-align: left;
    3454. 

  3454.   text-align: start;
    3455. 

  3455. }
    3456. 

  3456. 

  3457. tfoot th,
    3458. 

  3458. tfoot td {
    3459. 

  3459.   border-top: var(--border-width) solid var(--table-border-color);
    3460. 

  3460.   border-bottom: 0;
    3461. 

  3461. }
    3462. 

  3462. 

  3463. table[role="grid"] tbody tr:nth-child(odd) {
    3464. 

  3464.   background-color: var(--table-row-stripped-background-color);
    3465. 

  3465. }
    3466. 

  3466. 

  3467. /**
    3468. 

  3468.  * Code
    3469. 

  3469.  */
    3470. 

  3470. pre,
    3471. 

  3471. code,
    3472. 

  3472. kbd,
    3473. 

  3473. samp {
    3474. 

  3474.   font-size: 0.875em;
    3475. 

  3475.   font-family: var(--font-family);
    3476. 

  3476. }
    3477. 

  3477. 

  3478. pre {
    3479. 

  3479.   -ms-overflow-style: scrollbar;
    3480. 

  3480.   overflow: auto;
    3481. 

  3481. }
    3482. 

  3482. 

  3483. pre,
    3484. 

  3484. code,
    3485. 

  3485. kbd {
    3486. 

  3486.   border-radius: var(--border-radius);
    3487. 

  3487.   background: var(--code-background-color);
    3488. 

  3488.   color: var(--code-color);
    3489. 

  3489.   font-weight: var(--font-weight);
    3490. 

  3490.   line-height: initial;
    3491. 

  3491. }
    3492. 

  3492. 

  3493. code,
    3494. 

  3494. kbd {
    3495. 

  3495.   display: inline-block;
    3496. 

  3496.   padding: 0.375rem 0.5rem;
    3497. 

  3497. }
    3498. 

  3498. 

  3499. pre {
    3500. 

  3500.   display: block;
    3501. 

  3501.   margin-bottom: var(--spacing);
    3502. 

  3502.   overflow-x: auto;
    3503. 

  3503. }
    3504. 

  3504. pre > code {
    3505. 

  3505.   display: block;
    3506. 

  3506.   padding: var(--spacing);
    3507. 

  3507.   background: none;
    3508. 

  3508.   font-size: 14px;
    3509. 

  3509.   line-height: var(--line-height);
    3510. 

  3510. }
    3511. 

  3511. 

  3512. code b {
    3513. 

  3513.   color: var(--code-tag-color);
    3514. 

  3514.   font-weight: var(--font-weight);
    3515. 

  3515. }
    3516. 

  3516. code i {
    3517. 

  3517.   color: var(--code-property-color);
    3518. 

  3518.   font-style: normal;
    3519. 

  3519. }
    3520. 

  3520. code u {
    3521. 

  3521.   color: var(--code-value-color);
    3522. 

  3522.   text-decoration: none;
    3523. 

  3523. }
    3524. 

  3524. code em {
    3525. 

  3525.   color: var(--code-comment-color);
    3526. 

  3526.   font-style: normal;
    3527. 

  3527. }
    3528. 

  3528. 

  3529. kbd {
    3530. 

  3530.   background-color: var(--code-kbd-background-color);
    3531. 

  3531.   color: var(--code-kbd-color);
    3532. 

  3532.   vertical-align: baseline;
    3533. 

  3533. }
    3534. 

  3534. 

  3535. /**
    3536. 

  3536.  * Miscs
    3537. 

  3537.  */
    3538. 

  3538. hr {
    3539. 

  3539.   height: 0;
    3540. 

  3540.   border: 0;
    3541. 

  3541.   border-top: 1px solid var(--muted-border-color);
    3542. 

  3542.   color: inherit;
    3543. 

  3543. }
    3544. 

  3544. 

  3545. [hidden],
    3546. 

  3546. template {
    3547. 

  3547.   display: none !important;
    3548. 

  3548. }
    3549. 

  3549. 

  3550. canvas {
    3551. 

  3551.   display: inline-block;
    3552. 

  3552. }
    3553. 

  3553. 

  3554. /**
    3555. 

  3555.  * Accordion (<details>)
    3556. 

  3556.  */
    3557. 

  3557. details {
    3558. 

  3558.   display: block;
    3559. 

  3559.   margin-bottom: var(--spacing);
    3560. 

  3560.   padding-bottom: var(--spacing);
    3561. 

  3561.   border-bottom: var(--border-width) solid var(--accordion-border-color);
    3562. 

  3562. }
    3563. 

  3563. details summary {
    3564. 

  3564.   line-height: 1rem;
    3565. 

  3565.   list-style-type: none;
    3566. 

  3566.   cursor: pointer;
    3567. 

  3567.   transition: color var(--transition);
    3568. 

  3568. }
    3569. 

  3569. details summary:not([role]) {
    3570. 

  3570.   color: var(--accordion-close-summary-color);
    3571. 

  3571. }
    3572. 

  3572. details summary::-webkit-details-marker {
    3573. 

  3573.   display: none;
    3574. 

  3574. }
    3575. 

  3575. details summary::marker {
    3576. 

  3576.   display: none;
    3577. 

  3577. }
    3578. 

  3578. details summary::-moz-list-bullet {
    3579. 

  3579.   list-style-type: none;
    3580. 

  3580. }
    3581. 

  3581. details summary::after {
    3582. 

  3582.   display: block;
    3583. 

  3583.   width: 1rem;
    3584. 

  3584.   height: 1rem;
    3585. 

  3585.   -webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
    3586. 

  3586.   margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
    3587. 

  3587.   float: right;
    3588. 

  3588.   transform: rotate(-90deg);
    3589. 

  3589.   background-image: var(--icon-chevron);
    3590. 

  3590.   background-position: right center;
    3591. 

  3591.   background-size: 1rem auto;
    3592. 

  3592.   background-repeat: no-repeat;
    3593. 

  3593.   content: "";
    3594. 

  3594.   transition: transform var(--transition);
    3595. 

  3595. }
    3596. 

  3596. details summary:focus {
    3597. 

  3597.   outline: none;
    3598. 

  3598. }
    3599. 

  3599. details summary:focus:not([role="button"]) {
    3600. 

  3600.   color: var(--accordion-active-summary-color);
    3601. 

  3601. }
    3602. 

  3602. details summary[role="button"] {
    3603. 

  3603.   width: 100%;
    3604. 

  3604.   text-align: left;
    3605. 

  3605. }
    3606. 

  3606. details summary[role="button"]::after {
    3607. 

  3607.   height: calc(1rem * var(--line-height, 1.5));
    3608. 

  3608.   background-image: var(--icon-chevron-button);
    3609. 

  3609. }
    3610. 

  3610. details summary[role="button"]:not(.outline).contrast::after {
    3611. 

  3611.   background-image: var(--icon-chevron-button-inverse);
    3612. 

  3612. }
    3613. 

  3613. details[open] > summary {
    3614. 

  3614.   margin-bottom: calc(var(--spacing));
    3615. 

  3615. }
    3616. 

  3616. details[open] > summary:not([role]):not(:focus) {
    3617. 

  3617.   color: var(--accordion-open-summary-color);
    3618. 

  3618. }
    3619. 

  3619. details[open] > summary::after {
    3620. 

  3620.   transform: rotate(0);
    3621. 

  3621. }
    3622. 

  3622. 

  3623. [dir="rtl"] details summary {
    3624. 

  3624.   text-align: right;
    3625. 

  3625. }
    3626. 

  3626. [dir="rtl"] details summary::after {
    3627. 

  3627.   float: left;
    3628. 

  3628.   background-position: left center;
    3629. 

  3629. }
    3630. 

  3630. 

  3631. /**
    3632. 

  3632.  * Card (<article>)
    3633. 

  3633.  */
    3634. 

  3634. article {
    3635. 

  3635.   margin: var(--block-spacing-vertical) 0;
    3636. 

  3636.   padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
    3637. 

  3637.   border-radius: var(--border-radius);
    3638. 

  3638.   background: var(--card-background-color);
    3639. 

  3639.   box-shadow: var(--card-box-shadow);
    3640. 

  3640. }
    3641. 

  3641. article > header,
    3642. 

  3642. article > footer {
    3643. 

  3643.   margin-right: calc(var(--block-spacing-horizontal) * -1);
    3644. 

  3644.   margin-left: calc(var(--block-spacing-horizontal) * -1);
    3645. 

  3645.   padding: calc(var(--block-spacing-vertical) * 0.66)
    3646. 

  3646.     var(--block-spacing-horizontal);
    3647. 

  3647.   background-color: var(--card-sectionning-background-color);
    3648. 

  3648. }
    3649. 

  3649. article > header {
    3650. 

  3650.   margin-top: calc(var(--block-spacing-vertical) * -1);
    3651. 

  3651.   margin-bottom: var(--block-spacing-vertical);
    3652. 

  3652.   border-bottom: var(--border-width) solid var(--card-border-color);
    3653. 

  3653.   border-top-right-radius: var(--border-radius);
    3654. 

  3654.   border-top-left-radius: var(--border-radius);
    3655. 

  3655. }
    3656. 

  3656. article > footer {
    3657. 

  3657.   margin-top: var(--block-spacing-vertical);
    3658. 

  3658.   margin-bottom: calc(var(--block-spacing-vertical) * -1);
    3659. 

  3659.   border-top: var(--border-width) solid var(--card-border-color);
    3660. 

  3660.   border-bottom-right-radius: var(--border-radius);
    3661. 

  3661.   border-bottom-left-radius: var(--border-radius);
    3662. 

  3662. }
    3663. 

  3663. 

  3664. /**
    3665. 

  3665.  * Modal (<dialog>)
    3666. 

  3666.  */
    3667. 

  3667. #mount {
    3668. 

  3668.   --scrollbar-width: 0px;
    3669. 

  3669. }
    3670. 

  3670. 

  3671. dialog {
    3672. 

  3672.   display: flex;
    3673. 

  3673.   z-index: 999;
    3674. 

  3674.   position: fixed;
    3675. 

  3675.   top: 0;
    3676. 

  3676.   right: 0;
    3677. 

  3677.   bottom: 0;
    3678. 

  3678.   left: 0;
    3679. 

  3679.   align-items: center;
    3680. 

  3680.   justify-content: center;
    3681. 

  3681.   width: inherit;
    3682. 

  3682.   min-width: 100%;
    3683. 

  3683.   height: inherit;
    3684. 

  3684.   min-height: 100%;
    3685. 

  3685.   padding: var(--spacing);
    3686. 

  3686.   border: 0;
    3687. 

  3687.   -webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);
    3688. 

  3688.   backdrop-filter: var(--modal-overlay-backdrop-filter);
    3689. 

  3689.   background-color: var(--modal-overlay-background-color);
    3690. 

  3690.   color: var(--color);
    3691. 

  3691. }
    3692. 

  3692. dialog article {
    3693. 

  3693.   max-height: calc(100vh - var(--spacing) * 2);
    3694. 

  3694.   overflow: auto;
    3695. 

  3695. }
    3696. 

  3696. @media (min-width: 576px) {
    3697. 

  3697.   dialog article {
    3698. 

  3698.     max-width: 510px;
    3699. 

  3699.   }
    3700. 

  3700. }
    3701. 

  3701. @media (min-width: 768px) {
    3702. 

  3702.   dialog article {
    3703. 

  3703.     max-width: 700px;
    3704. 

  3704.   }
    3705. 

  3705. }
    3706. 

  3706. dialog article > header,
    3707. 

  3707. dialog article > footer {
    3708. 

  3708.   padding: calc(var(--block-spacing-vertical) * 0.5)
    3709. 

  3709.     var(--block-spacing-horizontal);
    3710. 

  3710. }
    3711. 

  3711. dialog article > header .close {
    3712. 

  3712.   margin: 0;
    3713. 

  3713.   margin-left: var(--spacing);
    3714. 

  3714.   float: right;
    3715. 

  3715. }
    3716. 

  3716. dialog article > footer {
    3717. 

  3717.   text-align: right;
    3718. 

  3718. }
    3719. 

  3719. dialog article > footer [role="button"] {
    3720. 

  3720.   margin-bottom: 0;
    3721. 

  3721. }
    3722. 

  3722. dialog article > footer [role="button"]:not(:first-of-type) {
    3723. 

  3723.   margin-left: calc(var(--spacing) * 0.5);
    3724. 

  3724. }
    3725. 

  3725. dialog article p:last-of-type {
    3726. 

  3726.   margin: 0;
    3727. 

  3727. }
    3728. 

  3728. dialog article .close {
    3729. 

  3729.   display: block;
    3730. 

  3730.   width: 1rem;
    3731. 

  3731.   height: 1rem;
    3732. 

  3732.   margin-top: calc(var(--block-spacing-vertical) * -0.5);
    3733. 

  3733.   margin-bottom: var(--typography-spacing-vertical);
    3734. 

  3734.   margin-left: auto;
    3735. 

  3735.   background-image: var(--icon-close);
    3736. 

  3736.   background-position: center;
    3737. 

  3737.   background-size: auto 1rem;
    3738. 

  3738.   background-repeat: no-repeat;
    3739. 

  3739.   opacity: 0.5;
    3740. 

  3740.   transition: opacity var(--transition);
    3741. 

  3741. }
    3742. 

  3742. dialog article .close:is([aria-current], :hover, :active, :focus) {
    3743. 

  3743.   opacity: 1;
    3744. 

  3744. }
    3745. 

  3745. dialog:not([open]),
    3746. 

  3746. dialog[open="false"] {
    3747. 

  3747.   display: none;
    3748. 

  3748. }
    3749. 

  3749. 

  3750. .modal-is-open {
    3751. 

  3751.   padding-right: var(--scrollbar-width, 0px);
    3752. 

  3752.   overflow: hidden;
    3753. 

  3753.   pointer-events: none;
    3754. 

  3754. }
    3755. 

  3755. .modal-is-open dialog {
    3756. 

  3756.   pointer-events: auto;
    3757. 

  3757. }
    3758. 

  3758. 

  3759. :where(.modal-is-opening, .modal-is-closing) dialog,
    3760. 

  3760. :where(.modal-is-opening, .modal-is-closing) dialog > article {
    3761. 

  3761.   animation-duration: 0.2s;
    3762. 

  3762.   animation-timing-function: ease-in-out;
    3763. 

  3763.   animation-fill-mode: both;
    3764. 

  3764. }
    3765. 

  3765. :where(.modal-is-opening, .modal-is-closing) dialog {
    3766. 

  3766.   animation-duration: 0.8s;
    3767. 

  3767.   animation-name: modal-overlay;
    3768. 

  3768. }
    3769. 

  3769. :where(.modal-is-opening, .modal-is-closing) dialog > article {
    3770. 

  3770.   animation-delay: 0.2s;
    3771. 

  3771.   animation-name: modal;
    3772. 

  3772. }
    3773. 

  3773. 

  3774. .modal-is-closing dialog,
    3775. 

  3775. .modal-is-closing dialog > article {
    3776. 

  3776.   animation-delay: 0s;
    3777. 

  3777.   animation-direction: reverse;
    3778. 

  3778. }
    3779. 

  3779. 

  3780. @keyframes modal-overlay {
    3781. 

  3781.   from {
    3782. 

  3782.     -webkit-backdrop-filter: none;
    3783. 

  3783.     backdrop-filter: none;
    3784. 

  3784.     background-color: transparent;
    3785. 

  3785.   }
    3786. 

  3786. }
    3787. 

  3787. @keyframes modal {
    3788. 

  3788.   from {
    3789. 

  3789.     transform: translateY(-100%);
    3790. 

  3790.     opacity: 0;
    3791. 

  3791.   }
    3792. 

  3792. }
    3793. 

  3793. /**
    3794. 

  3794.  * Nav
    3795. 

  3795.  */
    3796. 

  3796. :where(nav li)::before {
    3797. 

  3797.   float: left;
    3798. 

  3798.   content: "​";
    3799. 

  3799. }
    3800. 

  3800. 

  3801. nav,
    3802. 

  3802. nav ul {
    3803. 

  3803.   display: flex;
    3804. 

  3804. }
    3805. 

  3805. 

  3806. nav {
    3807. 

  3807.   justify-content: space-between;
    3808. 

  3808. }
    3809. 

  3809. nav ol,
    3810. 

  3810. nav ul {
    3811. 

  3811.   align-items: center;
    3812. 

  3812.   margin-bottom: 0;
    3813. 

  3813.   padding: 0;
    3814. 

  3814.   list-style: none;
    3815. 

  3815. }
    3816. 

  3816. nav ol:first-of-type,
    3817. 

  3817. nav ul:first-of-type {
    3818. 

  3818.   margin-left: calc(var(--nav-element-spacing-horizontal) * -1);
    3819. 

  3819. }
    3820. 

  3820. nav ol:last-of-type,
    3821. 

  3821. nav ul:last-of-type {
    3822. 

  3822.   margin-right: calc(var(--nav-element-spacing-horizontal) * -1);
    3823. 

  3823. }
    3824. 

  3824. nav li {
    3825. 

  3825.   display: inline-block;
    3826. 

  3826.   margin: 0;
    3827. 

  3827.   padding: var(--nav-element-spacing-vertical)
    3828. 

  3828.     var(--nav-element-spacing-horizontal);
    3829. 

  3829. }
    3830. 

  3830. nav li > * {
    3831. 

  3831.   --spacing: 0;
    3832. 

  3832. }
    3833. 

  3833. nav :where(a, [role="link"]) {
    3834. 

  3834.   display: inline-block;
    3835. 

  3835.   margin: calc(var(--nav-link-spacing-vertical) * -1)
    3836. 

  3836.     calc(var(--nav-link-spacing-horizontal) * -1);
    3837. 

  3837.   padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
    3838. 

  3838.   border-radius: var(--border-radius);
    3839. 

  3839.   text-decoration: none;
    3840. 

  3840. }
    3841. 

  3841. nav :where(a, [role="link"]):is([aria-current], :hover, :active, :focus) {
    3842. 

  3842.   text-decoration: none;
    3843. 

  3843. }
    3844. 

  3844. nav[aria-label="breadcrumb"] {
    3845. 

  3845.   align-items: center;
    3846. 

  3846.   justify-content: start;
    3847. 

  3847. }
    3848. 

  3848. nav[aria-label="breadcrumb"] ul li:not(:first-child) {
    3849. 

  3849.   -webkit-margin-start: var(--nav-link-spacing-horizontal);
    3850. 

  3850.   margin-inline-start: var(--nav-link-spacing-horizontal);
    3851. 

  3851. }
    3852. 

  3852. nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
    3853. 

  3853.   position: absolute;
    3854. 

  3854.   width: calc(var(--nav-link-spacing-horizontal) * 2);
    3855. 

  3855.   -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2);
    3856. 

  3856.   margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);
    3857. 

  3857.   content: "/";
    3858. 

  3858.   color: var(--muted-color);
    3859. 

  3859.   text-align: center;
    3860. 

  3860. }
    3861. 

  3861. nav[aria-label="breadcrumb"] a[aria-current] {
    3862. 

  3862.   background-color: transparent;
    3863. 

  3863.   color: inherit;
    3864. 

  3864.   text-decoration: none;
    3865. 

  3865.   pointer-events: none;
    3866. 

  3866. }
    3867. 

  3867. nav [role="button"] {
    3868. 

  3868.   margin-right: inherit;
    3869. 

  3869.   margin-left: inherit;
    3870. 

  3870.   padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
    3871. 

  3871. }
    3872. 

  3872. 

  3873. aside nav,
    3874. 

  3874. aside ol,
    3875. 

  3875. aside ul,
    3876. 

  3876. aside li {
    3877. 

  3877.   display: block;
    3878. 

  3878. }
    3879. 

  3879. aside li {
    3880. 

  3880.   padding: calc(var(--nav-element-spacing-vertical) * 0.5)
    3881. 

  3881.     var(--nav-element-spacing-horizontal);
    3882. 

  3882. }
    3883. 

  3883. aside li a {
    3884. 

  3884.   display: block;
    3885. 

  3885. }
    3886. 

  3886. aside li [role="button"] {
    3887. 

  3887.   margin: inherit;
    3888. 

  3888. }
    3889. 

  3889. 

  3890. [dir="rtl"] nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
    3891. 

  3891.   content: "\\";
    3892. 

  3892. }
    3893. 

  3893. 

  3894. /**
    3895. 

  3895.  * Progress
    3896. 

  3896.  */
    3897. 

  3897. progress {
    3898. 

  3898.   display: inline-block;
    3899. 

  3899.   vertical-align: baseline;
    3900. 

  3900. }
    3901. 

  3901. 

  3902. progress {
    3903. 

  3903.   -webkit-appearance: none;
    3904. 

  3904.   -moz-appearance: none;
    3905. 

  3905.   display: inline-block;
    3906. 

  3906.   appearance: none;
    3907. 

  3907.   width: 100%;
    3908. 

  3908.   height: 0.5rem;
    3909. 

  3909.   margin-bottom: calc(var(--spacing) * 0.5);
    3910. 

  3910.   overflow: hidden;
    3911. 

  3911.   border: 0;
    3912. 

  3912.   border-radius: var(--border-radius);
    3913. 

  3913.   background-color: var(--progress-background-color);
    3914. 

  3914.   color: var(--progress-color);
    3915. 

  3915. }
    3916. 

  3916. progress::-webkit-progress-bar {
    3917. 

  3917.   border-radius: var(--border-radius);
    3918. 

  3918.   background: none;
    3919. 

  3919. }
    3920. 

  3920. progress[value]::-webkit-progress-value {
    3921. 

  3921.   background-color: var(--progress-color);
    3922. 

  3922. }
    3923. 

  3923. progress::-moz-progress-bar {
    3924. 

  3924.   background-color: var(--progress-color);
    3925. 

  3925. }
    3926. 

  3926. @media (prefers-reduced-motion: no-preference) {
    3927. 

  3927.   progress:indeterminate {
    3928. 

  3928.     background: var(--progress-background-color)
    3929. 

  3929.       linear-gradient(
    3930. 

  3930.         to right,
    3931. 

  3931.         var(--progress-color) 30%,
    3932. 

  3932.         var(--progress-background-color) 30%
    3933. 

  3933.       )
    3934. 

  3934.       top left/150% 150% no-repeat;
    3935. 

  3935.     animation: progress-indeterminate 1s linear infinite;
    3936. 

  3936.   }
    3937. 

  3937.   progress:indeterminate[value]::-webkit-progress-value {
    3938. 

  3938.     background-color: transparent;
    3939. 

  3939.   }
    3940. 

  3940.   progress:indeterminate::-moz-progress-bar {
    3941. 

  3941.     background-color: transparent;
    3942. 

  3942.   }
    3943. 

  3943. }
    3944. 

  3944. 

  3945. @media (prefers-reduced-motion: no-preference) {
    3946. 

  3946.   [dir="rtl"] progress:indeterminate {
    3947. 

  3947.     animation-direction: reverse;
    3948. 

  3948.   }
    3949. 

  3949. }
    3950. 

  3950. 

  3951. @keyframes progress-indeterminate {
    3952. 

  3952.   0% {
    3953. 

  3953.     background-position: 200% 0;
    3954. 

  3954.   }
    3955. 

  3955.   100% {
    3956. 

  3956.     background-position: -200% 0;
    3957. 

  3957.   }
    3958. 

  3958. }
    3959. 

  3959. /**
    3960. 

  3960.  * Dropdown ([role="list"])
    3961. 

  3961.  */
    3962. 

  3962. details[role="list"],
    3963. 

  3963. li[role="list"] {
    3964. 

  3964.   position: relative;
    3965. 

  3965. }
    3966. 

  3966. 

  3967. details[role="list"] summary + ul,
    3968. 

  3968. li[role="list"] > ul {
    3969. 

  3969.   display: flex;
    3970. 

  3970.   z-index: 99;
    3971. 

  3971.   position: absolute;
    3972. 

  3972.   top: auto;
    3973. 

  3973.   right: 0;
    3974. 

  3974.   left: 0;
    3975. 

  3975.   flex-direction: column;
    3976. 

  3976.   margin: 0;
    3977. 

  3977.   padding: 0;
    3978. 

  3978.   border: var(--border-width) solid var(--dropdown-border-color);
    3979. 

  3979.   border-radius: var(--border-radius);
    3980. 

  3980.   border-top-right-radius: 0;
    3981. 

  3981.   border-top-left-radius: 0;
    3982. 

  3982.   background-color: var(--dropdown-background-color);
    3983. 

  3983.   box-shadow: var(--card-box-shadow);
    3984. 

  3984.   color: var(--dropdown-color);
    3985. 

  3985.   white-space: nowrap;
    3986. 

  3986. }
    3987. 

  3987. details[role="list"] summary + ul li,
    3988. 

  3988. li[role="list"] > ul li {
    3989. 

  3989.   width: 100%;
    3990. 

  3990.   margin-bottom: 0;
    3991. 

  3991.   padding: calc(var(--form-element-spacing-vertical) * 0.5)
    3992. 

  3992.     var(--form-element-spacing-horizontal);
    3993. 

  3993.   list-style: none;
    3994. 

  3994. }
    3995. 

  3995. details[role="list"] summary + ul li:first-of-type,
    3996. 

  3996. li[role="list"] > ul li:first-of-type {
    3997. 

  3997.   margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
    3998. 

  3998. }
    3999. 

  3999. details[role="list"] summary + ul li:last-of-type,
    4000. 

  4000. li[role="list"] > ul li:last-of-type {
    4001. 

  4001.   margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
    4002. 

  4002. }
    4003. 

  4003. details[role="list"] summary + ul li a,
    4004. 

  4004. li[role="list"] > ul li a {
    4005. 

  4005.   display: block;
    4006. 

  4006.   margin: calc(var(--form-element-spacing-vertical) * -0.5)
    4007. 

  4007.     calc(var(--form-element-spacing-horizontal) * -1);
    4008. 

  4008.   padding: calc(var(--form-element-spacing-vertical) * 0.5)
    4009. 

  4009.     var(--form-element-spacing-horizontal);
    4010. 

  4010.   overflow: hidden;
    4011. 

  4011.   color: var(--dropdown-color);
    4012. 

  4012.   text-decoration: none;
    4013. 

  4013.   text-overflow: ellipsis;
    4014. 

  4014. }
    4015. 

  4015. details[role="list"] summary + ul li a:hover,
    4016. 

  4016. li[role="list"] > ul li a:hover {
    4017. 

  4017.   background-color: var(--dropdown-hover-background-color);
    4018. 

  4018. }
    4019. 

  4019. 

  4020. details[role="list"] summary::after,
    4021. 

  4021. li[role="list"] > a::after {
    4022. 

  4022.   display: block;
    4023. 

  4023.   width: 1rem;
    4024. 

  4024.   height: calc(1rem * var(--line-height, 1.5));
    4025. 

  4025.   -webkit-margin-start: 0.5rem;
    4026. 

  4026.   margin-inline-start: 0.5rem;
    4027. 

  4027.   float: right;
    4028. 

  4028.   transform: rotate(0deg);
    4029. 

  4029.   background-position: right center;
    4030. 

  4030.   background-size: 1rem auto;
    4031. 

  4031.   background-repeat: no-repeat;
    4032. 

  4032.   content: "";
    4033. 

  4033. }
    4034. 

  4034. 

  4035. details[role="list"] {
    4036. 

  4036.   padding: 0;
    4037. 

  4037.   border-bottom: none;
    4038. 

  4038. }
    4039. 

  4039. details[role="list"] summary {
    4040. 

  4040.   margin-bottom: 0;
    4041. 

  4041. }
    4042. 

  4042. details[role="list"] summary:not([role]) {
    4043. 

  4043.   height: calc(
    4044. 

  4044.     1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
    4045. 

  4045.       var(--border-width) * 2
    4046. 

  4046.   );
    4047. 

  4047.   padding: var(--form-element-spacing-vertical)
    4048. 

  4048.     var(--form-element-spacing-horizontal);
    4049. 

  4049.   border: var(--border-width) solid var(--form-element-border-color);
    4050. 

  4050.   border-radius: var(--border-radius);
    4051. 

  4051.   background-color: var(--form-element-background-color);
    4052. 

  4052.   color: var(--form-element-placeholder-color);
    4053. 

  4053.   line-height: inherit;
    4054. 

  4054.   cursor: pointer;
    4055. 

  4055.   transition: background-color var(--transition), border-color var(--transition),
    4056. 

  4056.     color var(--transition), box-shadow var(--transition);
    4057. 

  4057. }
    4058. 

  4058. details[role="list"] summary:not([role]):active,
    4059. 

  4059. details[role="list"] summary:not([role]):focus {
    4060. 

  4060.   border-color: var(--form-element-active-border-color);
    4061. 

  4061.   background-color: var(--form-element-active-background-color);
    4062. 

  4062. }
    4063. 

  4063. details[role="list"] summary:not([role]):focus {
    4064. 

  4064.   box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
    4065. 

  4065. }
    4066. 

  4066. details[role="list"][open] summary {
    4067. 

  4067.   border-bottom-right-radius: 0;
    4068. 

  4068.   border-bottom-left-radius: 0;
    4069. 

  4069. }
    4070. 

  4070. details[role="list"][open] summary::before {
    4071. 

  4071.   display: block;
    4072. 

  4072.   z-index: 1;
    4073. 

  4073.   position: fixed;
    4074. 

  4074.   top: 0;
    4075. 

  4075.   right: 0;
    4076. 

  4076.   bottom: 0;
    4077. 

  4077.   left: 0;
    4078. 

  4078.   background: none;
    4079. 

  4079.   content: "";
    4080. 

  4080.   cursor: default;
    4081. 

  4081. }
    4082. 

  4082. 

  4083. nav details[role="list"] summary,
    4084. 

  4084. nav li[role="list"] a {
    4085. 

  4085.   display: flex;
    4086. 

  4086.   direction: ltr;
    4087. 

  4087. }
    4088. 

  4088. 

  4089. nav details[role="list"] summary + ul,
    4090. 

  4090. nav li[role="list"] > ul {
    4091. 

  4091.   min-width: -moz-fit-content;
    4092. 

  4092.   min-width: fit-content;
    4093. 

  4093.   border-radius: var(--border-radius);
    4094. 

  4094. }
    4095. 

  4095. nav details[role="list"] summary + ul li a,
    4096. 

  4096. nav li[role="list"] > ul li a {
    4097. 

  4097.   border-radius: 0;
    4098. 

  4098. }
    4099. 

  4099. 

  4100. nav details[role="list"] summary,
    4101. 

  4101. nav details[role="list"] summary:not([role]) {
    4102. 

  4102.   height: auto;
    4103. 

  4103.   padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
    4104. 

  4104. }
    4105. 

  4105. nav details[role="list"][open] summary {
    4106. 

  4106.   border-radius: var(--border-radius);
    4107. 

  4107. }
    4108. 

  4108. nav details[role="list"] summary + ul {
    4109. 

  4109.   margin-top: var(--outline-width);
    4110. 

  4110.   -webkit-margin-start: 0;
    4111. 

  4111.   margin-inline-start: 0;
    4112. 

  4112. }
    4113. 

  4113. nav details[role="list"] summary[role="link"] {
    4114. 

  4114.   margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);
    4115. 

  4115.   line-height: var(--line-height);
    4116. 

  4116. }
    4117. 

  4117. nav details[role="list"] summary[role="link"] + ul {
    4118. 

  4118.   margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
    4119. 

  4119.   -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) * -1);
    4120. 

  4120.   margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);
    4121. 

  4121. }
    4122. 

  4122. 

  4123. li[role="list"]:hover > ul,
    4124. 

  4124. li[role="list"] a:active ~ ul,
    4125. 

  4125. li[role="list"] a:focus ~ ul {
    4126. 

  4126.   display: flex;
    4127. 

  4127. }
    4128. 

  4128. li[role="list"] > ul {
    4129. 

  4129.   display: none;
    4130. 

  4130.   margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
    4131. 

  4131.   -webkit-margin-start: calc(
    4132. 

  4132.     var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
    4133. 

  4133.   );
    4134. 

  4134.   margin-inline-start: calc(
    4135. 

  4135.     var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
    4136. 

  4136.   );
    4137. 

  4137. }
    4138. 

  4138. li[role="list"] > a::after {
    4139. 

  4139.   background-image: var(--icon-chevron);
    4140. 

  4140. }
    4141. 

  4141. 

  4142. /**
    4143. 

  4143.  * Loading ([aria-busy=true])
    4144. 

  4144.  */
    4145. 

  4145. [aria-busy="true"] {
    4146. 

  4146.   cursor: progress;
    4147. 

  4147. }
    4148. 

  4148. 

  4149. [aria-busy="true"]:not(input, select, textarea)::before {
    4150. 

  4150.   display: inline-block;
    4151. 

  4151.   width: 1em;
    4152. 

  4152.   height: 1em;
    4153. 

  4153.   border: 0.1875em solid currentColor;
    4154. 

  4154.   border-radius: 1em;
    4155. 

  4155.   border-right-color: transparent;
    4156. 

  4156.   content: "";
    4157. 

  4157.   vertical-align: text-bottom;
    4158. 

  4158.   vertical-align: -0.125em;
    4159. 

  4159.   animation: spinner 0.75s linear infinite;
    4160. 

  4160.   opacity: var(--loading-spinner-opacity);
    4161. 

  4161. }
    4162. 

  4162. [aria-busy="true"]:not(input, select, textarea):not(:empty)::before {
    4163. 

  4163.   margin-right: calc(var(--spacing) * 0.5);
    4164. 

  4164.   margin-left: 0;
    4165. 

  4165.   -webkit-margin-start: 0;
    4166. 

  4166.   margin-inline-start: 0;
    4167. 

  4167.   -webkit-margin-end: calc(var(--spacing) * 0.5);
    4168. 

  4168.   margin-inline-end: calc(var(--spacing) * 0.5);
    4169. 

  4169. }
    4170. 

  4170. [aria-busy="true"]:not(input, select, textarea):empty {
    4171. 

  4171.   text-align: center;
    4172. 

  4172. }
    4173. 

  4173. 

  4174. button[aria-busy="true"],
    4175. 

  4175. input[type="submit"][aria-busy="true"],
    4176. 

  4176. input[type="button"][aria-busy="true"],
    4177. 

  4177. input[type="reset"][aria-busy="true"],
    4178. 

  4178. a[aria-busy="true"] {
    4179. 

  4179.   pointer-events: none;
    4180. 

  4180. }
    4181. 

  4181. 

  4182. @keyframes spinner {
    4183. 

  4183.   to {
    4184. 

  4184.     transform: rotate(360deg);
    4185. 

  4185.   }
    4186. 

  4186. }
    4187. 

  4187. /**
    4188. 

  4188.  * Tooltip ([data-tooltip])
    4189. 

  4189.  */
    4190. 

  4190. [data-tooltip] {
    4191. 

  4191.   position: relative;
    4192. 

  4192. }
    4193. 

  4193. [data-tooltip]:not(a, button, input) {
    4194. 

  4194.   border-bottom: 1px dotted;
    4195. 

  4195.   text-decoration: none;
    4196. 

  4196.   cursor: help;
    4197. 

  4197. }
    4198. 

  4198. [data-tooltip][data-placement="top"]::before,
    4199. 

  4199. [data-tooltip][data-placement="top"]::after,
    4200. 

  4200. [data-tooltip]::before,
    4201. 

  4201. [data-tooltip]::after {
    4202. 

  4202.   display: block;
    4203. 

  4203.   z-index: 99;
    4204. 

  4204.   position: absolute;
    4205. 

  4205.   bottom: 100%;
    4206. 

  4206.   left: 50%;
    4207. 

  4207.   padding: 0.25rem 0.5rem;
    4208. 

  4208.   overflow: hidden;
    4209. 

  4209.   transform: translate(-50%, -0.25rem);
    4210. 

  4210.   border-radius: var(--border-radius);
    4211. 

  4211.   background: var(--tooltip-background-color);
    4212. 

  4212.   content: attr(data-tooltip);
    4213. 

  4213.   color: var(--tooltip-color);
    4214. 

  4214.   font-style: normal;
    4215. 

  4215.   font-weight: var(--font-weight);
    4216. 

  4216.   font-size: 0.875rem;
    4217. 

  4217.   text-decoration: none;
    4218. 

  4218.   text-overflow: ellipsis;
    4219. 

  4219.   white-space: nowrap;
    4220. 

  4220.   opacity: 0;
    4221. 

  4221.   pointer-events: none;
    4222. 

  4222. }
    4223. 

  4223. [data-tooltip][data-placement="top"]::after,
    4224. 

  4224. [data-tooltip]::after {
    4225. 

  4225.   padding: 0;
    4226. 

  4226.   transform: translate(-50%, 0rem);
    4227. 

  4227.   border-top: 0.3rem solid;
    4228. 

  4228.   border-right: 0.3rem solid transparent;
    4229. 

  4229.   border-left: 0.3rem solid transparent;
    4230. 

  4230.   border-radius: 0;
    4231. 

  4231.   background-color: transparent;
    4232. 

  4232.   content: "";
    4233. 

  4233.   color: var(--tooltip-background-color);
    4234. 

  4234. }
    4235. 

  4235. [data-tooltip][data-placement="bottom"]::before,
    4236. 

  4236. [data-tooltip][data-placement="bottom"]::after {
    4237. 

  4237.   top: 100%;
    4238. 

  4238.   bottom: auto;
    4239. 

  4239.   transform: translate(-50%, 0.25rem);
    4240. 

  4240. }
    4241. 

  4241. [data-tooltip][data-placement="bottom"]:after {
    4242. 

  4242.   transform: translate(-50%, -0.3rem);
    4243. 

  4243.   border: 0.3rem solid transparent;
    4244. 

  4244.   border-bottom: 0.3rem solid;
    4245. 

  4245. }
    4246. 

  4246. [data-tooltip][data-placement="left"]::before,
    4247. 

  4247. [data-tooltip][data-placement="left"]::after {
    4248. 

  4248.   top: 50%;
    4249. 

  4249.   right: 100%;
    4250. 

  4250.   bottom: auto;
    4251. 

  4251.   left: auto;
    4252. 

  4252.   transform: translate(-0.25rem, -50%);
    4253. 

  4253. }
    4254. 

  4254. [data-tooltip][data-placement="left"]:after {
    4255. 

  4255.   transform: translate(0.3rem, -50%);
    4256. 

  4256.   border: 0.3rem solid transparent;
    4257. 

  4257.   border-left: 0.3rem solid;
    4258. 

  4258. }
    4259. 

  4259. [data-tooltip][data-placement="right"]::before,
    4260. 

  4260. [data-tooltip][data-placement="right"]::after {
    4261. 

  4261.   top: 50%;
    4262. 

  4262.   right: auto;
    4263. 

  4263.   bottom: auto;
    4264. 

  4264.   left: 100%;
    4265. 

  4265.   transform: translate(0.25rem, -50%);
    4266. 

  4266. }
    4267. 

  4267. [data-tooltip][data-placement="right"]:after {
    4268. 

  4268.   transform: translate(-0.3rem, -50%);
    4269. 

  4269.   border: 0.3rem solid transparent;
    4270. 

  4270.   border-right: 0.3rem solid;
    4271. 

  4271. }
    4272. 

  4272. [data-tooltip]:focus::before,
    4273. 

  4273. [data-tooltip]:focus::after,
    4274. 

  4274. [data-tooltip]:hover::before,
    4275. 

  4275. [data-tooltip]:hover::after {
    4276. 

  4276.   opacity: 1;
    4277. 

  4277. }
    4278. 

  4278. @media (hover: hover) and (pointer: fine) {
    4279. 

  4279.   [data-tooltip][data-placement="bottom"]:focus::before,
    4280. 

  4280.   [data-tooltip][data-placement="bottom"]:focus::after,
    4281. 

  4281.   [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::before,
    4282. 

  4282.   [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
    4283. 

  4283.   [data-tooltip]:hover::before,
    4284. 

  4284.   [data-tooltip]:hover::after {
    4285. 

  4285.     animation-duration: 0.2s;
    4286. 

  4286.     animation-name: tooltip-slide-top;
    4287. 

  4287.   }
    4288. 

  4288.   [data-tooltip][data-placement="bottom"]:focus::after,
    4289. 

  4289.   [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
    4290. 

  4290.   [data-tooltip]:hover::after {
    4291. 

  4291.     animation-name: tooltip-caret-slide-top;
    4292. 

  4292.   }
    4293. 

  4293.   [data-tooltip][data-placement="bottom"]:focus::before,
    4294. 

  4294.   [data-tooltip][data-placement="bottom"]:focus::after,
    4295. 

  4295.   [data-tooltip][data-placement="bottom"]:hover::before,
    4296. 

  4296.   [data-tooltip][data-placement="bottom"]:hover::after {
    4297. 

  4297.     animation-duration: 0.2s;
    4298. 

  4298.     animation-name: tooltip-slide-bottom;
    4299. 

  4299.   }
    4300. 

  4300.   [data-tooltip][data-placement="bottom"]:focus::after,
    4301. 

  4301.   [data-tooltip][data-placement="bottom"]:hover::after {
    4302. 

  4302.     animation-name: tooltip-caret-slide-bottom;
    4303. 

  4303.   }
    4304. 

  4304.   [data-tooltip][data-placement="left"]:focus::before,
    4305. 

  4305.   [data-tooltip][data-placement="left"]:focus::after,
    4306. 

  4306.   [data-tooltip][data-placement="left"]:hover::before,
    4307. 

  4307.   [data-tooltip][data-placement="left"]:hover::after {
    4308. 

  4308.     animation-duration: 0.2s;
    4309. 

  4309.     animation-name: tooltip-slide-left;
    4310. 

  4310.   }
    4311. 

  4311.   [data-tooltip][data-placement="left"]:focus::after,
    4312. 

  4312.   [data-tooltip][data-placement="left"]:hover::after {
    4313. 

  4313.     animation-name: tooltip-caret-slide-left;
    4314. 

  4314.   }
    4315. 

  4315.   [data-tooltip][data-placement="right"]:focus::before,
    4316. 

  4316.   [data-tooltip][data-placement="right"]:focus::after,
    4317. 

  4317.   [data-tooltip][data-placement="right"]:hover::before,
    4318. 

  4318.   [data-tooltip][data-placement="right"]:hover::after {
    4319. 

  4319.     animation-duration: 0.2s;
    4320. 

  4320.     animation-name: tooltip-slide-right;
    4321. 

  4321.   }
    4322. 

  4322.   [data-tooltip][data-placement="right"]:focus::after,
    4323. 

  4323.   [data-tooltip][data-placement="right"]:hover::after {
    4324. 

  4324.     animation-name: tooltip-caret-slide-right;
    4325. 

  4325.   }
    4326. 

  4326. }
    4327. 

  4327. @keyframes tooltip-slide-top {
    4328. 

  4328.   from {
    4329. 

  4329.     transform: translate(-50%, 0.75rem);
    4330. 

  4330.     opacity: 0;
    4331. 

  4331.   }
    4332. 

  4332.   to {
    4333. 

  4333.     transform: translate(-50%, -0.25rem);
    4334. 

  4334.     opacity: 1;
    4335. 

  4335.   }
    4336. 

  4336. }
    4337. 

  4337. @keyframes tooltip-caret-slide-top {
    4338. 

  4338.   from {
    4339. 

  4339.     opacity: 0;
    4340. 

  4340.   }
    4341. 

  4341.   50% {
    4342. 

  4342.     transform: translate(-50%, -0.25rem);
    4343. 

  4343.     opacity: 0;
    4344. 

  4344.   }
    4345. 

  4345.   to {
    4346. 

  4346.     transform: translate(-50%, 0rem);
    4347. 

  4347.     opacity: 1;
    4348. 

  4348.   }
    4349. 

  4349. }
    4350. 

  4350. @keyframes tooltip-slide-bottom {
    4351. 

  4351.   from {
    4352. 

  4352.     transform: translate(-50%, -0.75rem);
    4353. 

  4353.     opacity: 0;
    4354. 

  4354.   }
    4355. 

  4355.   to {
    4356. 

  4356.     transform: translate(-50%, 0.25rem);
    4357. 

  4357.     opacity: 1;
    4358. 

  4358.   }
    4359. 

  4359. }
    4360. 

  4360. @keyframes tooltip-caret-slide-bottom {
    4361. 

  4361.   from {
    4362. 

  4362.     opacity: 0;
    4363. 

  4363.   }
    4364. 

  4364.   50% {
    4365. 

  4365.     transform: translate(-50%, -0.5rem);
    4366. 

  4366.     opacity: 0;
    4367. 

  4367.   }
    4368. 

  4368.   to {
    4369. 

  4369.     transform: translate(-50%, -0.3rem);
    4370. 

  4370.     opacity: 1;
    4371. 

  4371.   }
    4372. 

  4372. }
    4373. 

  4373. @keyframes tooltip-slide-left {
    4374. 

  4374.   from {
    4375. 

  4375.     transform: translate(0.75rem, -50%);
    4376. 

  4376.     opacity: 0;
    4377. 

  4377.   }
    4378. 

  4378.   to {
    4379. 

  4379.     transform: translate(-0.25rem, -50%);
    4380. 

  4380.     opacity: 1;
    4381. 

  4381.   }
    4382. 

  4382. }
    4383. 

  4383. @keyframes tooltip-caret-slide-left {
    4384. 

  4384.   from {
    4385. 

  4385.     opacity: 0;
    4386. 

  4386.   }
    4387. 

  4387.   50% {
    4388. 

  4388.     transform: translate(0.05rem, -50%);
    4389. 

  4389.     opacity: 0;
    4390. 

  4390.   }
    4391. 

  4391.   to {
    4392. 

  4392.     transform: translate(0.3rem, -50%);
    4393. 

  4393.     opacity: 1;
    4394. 

  4394.   }
    4395. 

  4395. }
    4396. 

  4396. @keyframes tooltip-slide-right {
    4397. 

  4397.   from {
    4398. 

  4398.     transform: translate(-0.75rem, -50%);
    4399. 

  4399.     opacity: 0;
    4400. 

  4400.   }
    4401. 

  4401.   to {
    4402. 

  4402.     transform: translate(0.25rem, -50%);
    4403. 

  4403.     opacity: 1;
    4404. 

  4404.   }
    4405. 

  4405. }
    4406. 

  4406. @keyframes tooltip-caret-slide-right {
    4407. 

  4407.   from {
    4408. 

  4408.     opacity: 0;
    4409. 

  4409.   }
    4410. 

  4410.   50% {
    4411. 

  4411.     transform: translate(-0.05rem, -50%);
    4412. 

  4412.     opacity: 0;
    4413. 

  4413.   }
    4414. 

  4414.   to {
    4415. 

  4415.     transform: translate(-0.3rem, -50%);
    4416. 

  4416.     opacity: 1;
    4417. 

  4417.   }
    4418. 

  4418. }
    4419. 

  4419. 

  4420. /**
    4421. 

  4421.  * Accessibility & User interaction
    4422. 

  4422.  */
    4423. 

  4423. [aria-controls] {
    4424. 

  4424.   cursor: pointer;
    4425. 

  4425. }
    4426. 

  4426. 

  4427. [aria-disabled="true"],
    4428. 

  4428. [disabled] {
    4429. 

  4429.   cursor: not-allowed;
    4430. 

  4430. }
    4431. 

  4431. 

  4432. [aria-hidden="false"][hidden] {
    4433. 

  4433.   display: initial;
    4434. 

  4434. }
    4435. 

  4435. 

  4436. [aria-hidden="false"][hidden]:not(:focus) {
    4437. 

  4437.   clip: rect(0, 0, 0, 0);
    4438. 

  4438.   position: absolute;
    4439. 

  4439. }
    4440. 

  4440. 

  4441. a,
    4442. 

  4442. area,
    4443. 

  4443. button,
    4444. 

  4444. input,
    4445. 

  4445. label,
    4446. 

  4446. select,
    4447. 

  4447. summary,
    4448. 

  4448. textarea,
    4449. 

  4449. [tabindex] {
    4450. 

  4450.   -ms-touch-action: manipulation;
    4451. 

  4451. }
    4452. 

  4452. 

  4453. [dir="rtl"] {
    4454. 

  4454.   direction: rtl;
    4455. 

  4455. }
    4456. 

  4456. 

  4457. /**
    4458. 

  4458. * Reduce Motion Features
    4459. 

  4459. */
    4460. 

  4460. @media (prefers-reduced-motion: reduce) {
    4461. 

  4461.   *:not([aria-busy="true"]),
    4462. 

  4462.   :not([aria-busy="true"])::before,
    4463. 

  4463.   :not([aria-busy="true"])::after {
    4464. 

  4464.     background-attachment: initial !important;
    4465. 

  4465.     animation-duration: 1ms !important;
    4466. 

  4466.     animation-delay: -1ms !important;
    4467. 

  4467.     animation-iteration-count: 1 !important;
    4468. 

  4468.     scroll-behavior: auto !important;
    4469. 

  4469.     transition-delay: 0s !important;
    4470. 

  4470.     transition-duration: 0s !important;
    4471. 

  4471.   }
    4472. 

  4472. }
    4473. 

  4473. 

  4474. #mount#mount {
    4475. 

  4475.   /* --primary: rgb(227, 59, 126); */
    4476. 

  4476.   --primary: #ea4c89;
    4477. 

  4477.   --primary-hover: #f082ac;
    4478. 

  4478.   --icon-xia: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguMDAyOTEgOS42Nzk4M0wzLjgzMzM5IDUuNTEyMjFMMy4wMjUzOSA2LjMxOTgzTDguMDAzMjkgMTEuMjk1MUwxMi45NzYyIDYuMzE5ODNMMTIuMTY3OSA1LjUxMjIxTDguMDAyOTEgOS42Nzk4M1oiIGZpbGw9IiM4MzgzODMiLz4KPC9nPgo8L3N2Zz4K");
    4479. 

  4479.   --switch-checked-background-color: var(--primary);
    4480. 

  4480. }
    4481. 

  4481. 

  4482. li.select-link.select-link:hover > ul {
    4483. 

  4483.   display: none;
    4484. 

  4484. }
    4485. 

  4485. li.select-link.select-link > ul {
    4486. 

  4486.   display: none;
    4487. 

  4487. }
    4488. 

  4488. li.select-link.select-link a:focus ~ ul {
    4489. 

  4489.   display: none;
    4490. 

  4490. }
    4491. 

  4491. 

  4492. li.select-link.select-link a:active ~ ul {
    4493. 

  4493.   display: none;
    4494. 

  4494. }
    4495. 

  4495. li.select-link-active.select-link-active > ul {
    4496. 

  4496.   display: flex;
    4497. 

  4497. }
    4498. 

  4498. li.select-link-active.select-link-active:hover > ul {
    4499. 

  4499.   display: flex;
    4500. 

  4500. }
    4501. 

  4501. 

  4502. li.select-link-active.select-link-active a:focus ~ ul {
    4503. 

  4503.   display: flex;
    4504. 

  4504. }
    4505. 

  4505. 

  4506. li.select-link-active.select-link-active a:active ~ ul {
    4507. 

  4507.   display: flex;
    4508. 

  4508. }
    4509. 

  4509. ul.select-link-ul.select-link-ul {
    4510. 

  4510.   right: 0px;
    4511. 

  4511.   left: auto;
    4512. 

  4512. }
    4513. 

  4513. 

  4514. a.select-link-selected {
    4515. 

  4515.   background-color: var(--primary-focus);
    4516. 

  4516. }
    4517. 

  4517. .immersive-translate-no-select {
    4518. 

  4518.   -webkit-touch-callout: none; /* iOS Safari */
    4519. 

  4519.   -webkit-user-select: none; /* Safari */
    4520. 

  4520.   -khtml-user-select: none; /* Konqueror HTML */
    4521. 

  4521.   -moz-user-select: none; /* Old versions of Firefox */
    4522. 

  4522.   -ms-user-select: none; /* Internet Explorer/Edge */
    4523. 

  4523.   user-select: none;
    4524. 

  4524. }
    4525. 

  4525. 

  4526. /* li[role="list"].no-arrow > a::after { */
    4527. 

  4527. /*   background-image: none; */
    4528. 

  4528. /*   width: 0; */
    4529. 

  4529. /*   color: var(--color); */
    4530. 

  4530. /* } */
    4531. 

  4531. li[role="list"].no-arrow {
    4532. 

  4532.   margin-left: 8px;
    4533. 

  4533.   padding-right: 0;
    4534. 

  4534. }
    4535. 

  4535. li[role="list"] > a::after {
    4536. 

  4536.   -webkit-margin-start: 0.2rem;
    4537. 

  4537.   margin-inline-start: 0.2rem;
    4538. 

  4538. }
    4539. 

  4539. 

  4540. li[role="list"].no-arrow > a,
    4541. 

  4541. li[role="list"].no-arrow > a:link,
    4542. 

  4542. li[role="list"].no-arrow > a:visited {
    4543. 

  4543.   color: var(--secondary);
    4544. 

  4544. }
    4545. 

  4545. 

  4546. select.min-select {
    4547. 

  4547.   --form-element-spacing-horizontal: 0;
    4548. 

  4548.   margin-bottom: 4px;
    4549. 

  4549.   max-width: 128px;
    4550. 

  4550.   overflow: hidden;
    4551. 

  4551.   color: var(--primary);
    4552. 

  4552.   font-size: 13px;
    4553. 

  4553.   border: none;
    4554. 

  4554.   padding: 0;
    4555. 

  4555.   padding-right: 20px;
    4556. 

  4556.   padding-left: 8px;
    4557. 

  4557.   text-overflow: ellipsis;
    4558. 

  4558.   color: var(--color);
    4559. 

  4559. 

  4560. }
    4561. 

  4561. select.min-select-secondary {
    4562. 

  4562.   color: var(--color);
    4563. 

  4563. }
    4564. 

  4564. select.min-select:focus {
    4565. 

  4565.   outline: none;
    4566. 

  4566.   border: none;
    4567. 

  4567.   --box-shadow: none;
    4568. 

  4568. }
    4569. 

  4569. select.min-select-no-arrow {
    4570. 

  4570.   background-image: none;
    4571. 

  4571.   padding-right: 0;
    4572. 

  4572. }
    4573. 

  4573. 

  4574. select.min-select-left {
    4575. 

  4575.   padding-right: 0px;
    4576. 

  4576.   /* padding-left: 24px; */
    4577. 

  4577.   /* background-position: center left 0; */
    4578. 

  4578.   text-overflow: ellipsis;
    4579. 

  4579.   text-align: left;
    4580. 

  4580. }
    4581. 

  4581. 

  4582. .muted {
    4583. 

  4583.   color: var(--muted-color);
    4584. 

  4584. }
    4585. 

  4585. 

  4586. .select.button-select {
    4587. 

  4587.   --background-color: var(--secondary-hover);
    4588. 

  4588.   --border-color: var(--secondary-hover);
    4589. 

  4589.   --color: var(--secondary-inverse);
    4590. 

  4590.   cursor: pointer;
    4591. 

  4591.   --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
    4592. 

  4592.   padding: var(--form-element-spacing-vertical)
    4593. 

  4593.     var(--form-element-spacing-horizontal);
    4594. 

  4594.   border: var(--border-width) solid var(--border-color);
    4595. 

  4595.   border-radius: var(--border-radius);
    4596. 

  4596.   outline: none;
    4597. 

  4597.   background-color: var(--background-color);
    4598. 

  4598.   box-shadow: var(--box-shadow);
    4599. 

  4599.   color: var(--color);
    4600. 

  4600.   font-weight: var(--font-weight);
    4601. 

  4601.   font-size: 16px;
    4602. 

  4602.   line-height: var(--line-height);
    4603. 

  4603.   text-align: center;
    4604. 

  4604.   cursor: pointer;
    4605. 

  4605.   transition: background-color var(--transition), border-color var(--transition),
    4606. 

  4606.     color var(--transition), box-shadow var(--transition);
    4607. 

  4607.   -webkit-appearance: button;
    4608. 

  4608.   margin: 0;
    4609. 

  4609.   margin-bottom: 0px;
    4610. 

  4610.   overflow: visible;
    4611. 

  4611.   font-family: inherit;
    4612. 

  4612.   text-transform: none;
    4613. 

  4613. }
    4614. 

  4614. 

  4615. body {
    4616. 

  4616.   padding: 0;
    4617. 

  4617.   margin: 0 auto;
    4618. 

  4618.   min-width: 268px;
    4619. 

  4619.   border-radius: 10px;
    4620. 

  4620. }
    4621. 

  4621. 

  4622. .popup-container {
    4623. 

  4623.   font-size: 16px;
    4624. 

  4624.   --font-size: 16px;
    4625. 

  4625.   color: #666;
    4626. 

  4626.   background-color: var(--popup-footer-background-color);
    4627. 

  4627.   width: 316px;
    4628. 

  4628.   min-width: 316px;
    4629. 

  4629. }
    4630. 

  4630. 

  4631. .popup-content {
    4632. 

  4632.   background-color: var(--popup-content-background-color);
    4633. 

  4633.   border-radius: 0px 0px 12px 12px;
    4634. 

  4634.   padding: 16px 20px;
    4635. 

  4635. }
    4636. 

  4636. 

  4637. .immersive-translate-popup-overlay {
    4638. 

  4638.   position: fixed;
    4639. 

  4639.   top: 0;
    4640. 

  4640.   left: 0;
    4641. 

  4641.   height: 100%;
    4642. 

  4642.   width: 100%;
    4643. 

  4643.   touch-action: none;
    4644. 

  4644. }
    4645. 

  4645. 

  4646. .immersive-translate-popup-wrapper {
    4647. 

  4647.   background: var(--background-color);
    4648. 

  4648.   border-radius: 10px;
    4649. 

  4649.   border: 1px solid var(--muted-border-color);
    4650. 

  4650. }
    4651. 

  4651. 

  4652. #mount#mount {
    4653. 

  4653.   --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
    4654. 

  4654.     "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    4655. 

  4655.     "Segoe UI Symbol", "Noto Color Emoji";
    4656. 

  4656.   --line-height: 1.5;
    4657. 

  4657.   --font-weight: 400;
    4658. 

  4658.   --font-size: 16px;
    4659. 

  4659.   --border-radius: 4px;
    4660. 

  4660.   --border-width: 1px;
    4661. 

  4661.   --outline-width: 3px;
    4662. 

  4662.   --spacing: 16px;
    4663. 

  4663.   --typography-spacing-vertical: 24px;
    4664. 

  4664.   --block-spacing-vertical: calc(var(--spacing) * 2);
    4665. 

  4665.   --block-spacing-horizontal: var(--spacing);
    4666. 

  4666.   --grid-spacing-vertical: 0;
    4667. 

  4667.   --grid-spacing-horizontal: var(--spacing);
    4668. 

  4668.   --form-element-spacing-vertical: 12px;
    4669. 

  4669.   --form-element-spacing-horizontal: 16px;
    4670. 

  4670.   --nav-element-spacing-vertical: 16px;
    4671. 

  4671.   --nav-element-spacing-horizontal: 8px;
    4672. 

  4672.   --nav-link-spacing-vertical: 8px;
    4673. 

  4673.   --nav-link-spacing-horizontal: 8px;
    4674. 

  4674.   --form-label-font-weight: var(--font-weight);
    4675. 

  4675.   --transition: 0.2s ease-in-out;
    4676. 

  4676.   --modal-overlay-backdrop-filter: blur(4px);
    4677. 

  4677. }
    4678. 

  4678. 

  4679. [data-theme="light"],
    4680. 

  4680. #mount:not([data-theme="dark"]) {
    4681. 

  4681.   --popup-footer-background-color: #e8eaeb;
    4682. 

  4682.   --popup-content-background-color: #ffffff;
    4683. 

  4683.   --popup-item-background-color: #f3f5f6;
    4684. 

  4684.   --popup-item-hover-background-color: #eaeced;
    4685. 

  4685.   --popup-trial-pro-background-color: #f9fbfc;
    4686. 

  4686.   --text-black-2: #222222;
    4687. 

  4687.   --text-gray-2: #222222;
    4688. 

  4688.   --text-gray-6: #666666;
    4689. 

  4689.   --text-gray-9: #999999;
    4690. 

  4690.   --text-gray-c2: #c2c2c2;
    4691. 

  4691.   --service-select-content-shadow: 0px 2px 12px 0px rgba(75, 76, 77, 0.2);
    4692. 

  4692.   --service-select-border-color: #fafafa;
    4693. 

  4693.   --service-select-selected-background-color: #f3f5f6;
    4694. 

  4694. }
    4695. 

  4695. 

  4696. @media only screen and (prefers-color-scheme: dark) {
    4697. 

  4697.   #mount:not([data-theme="light"]) {
    4698. 

  4698.     --popup-footer-background-color: #0d0d0d;
    4699. 

  4699.     --popup-content-background-color: #191919;
    4700. 

  4700.     --popup-item-background-color: #272727;
    4701. 

  4701.     --popup-item-hover-background-color: #333333;
    4702. 

  4702.     --popup-trial-pro-background-color: #222222;
    4703. 

  4703.     --text-black-2: #ffffff;
    4704. 

  4704.     --text-gray-2: #dbdbdb;
    4705. 

  4705.     --text-gray-6: #b3b3b3;
    4706. 

  4706.     --text-gray-9: #777777;
    4707. 

  4707.     --text-gray-c2: #5b5b5b;
    4708. 

  4708.     --service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
    4709. 

  4709.     --service-select-border-color: #2c2c2c;
    4710. 

  4710.     --service-select-selected-background-color: #333333;
    4711. 

  4711.   }
    4712. 

  4712. }
    4713. 

  4713. 

  4714. [data-theme="dark"] {
    4715. 

  4715.   --popup-footer-background-color: #0d0d0d;
    4716. 

  4716.   --popup-content-background-color: #191919;
    4717. 

  4717.   --popup-item-background-color: #272727;
    4718. 

  4718.   --popup-item-hover-background-color: #333333;
    4719. 

  4719.   --popup-trial-pro-background-color: #222222;
    4720. 

  4720.   --text-black-2: #ffffff;
    4721. 

  4721.   --text-gray-2: #dbdbdb;
    4722. 

  4722.   --text-gray-6: #b3b3b3;
    4723. 

  4723.   --text-gray-9: #777777;
    4724. 

  4724.   --text-gray-c2: #5b5b5b;
    4725. 

  4725.   --service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
    4726. 

  4726.   --service-select-border-color: #2c2c2c;
    4727. 

  4727.   --service-select-selected-background-color: #333333;
    4728. 

  4728. }
    4729. 

  4729. 

  4730. .text-balck {
    4731. 

  4731.   color: var(--text-black-2);
    4732. 

  4732. }
    4733. 

  4733. 

  4734. .text-gray-2 {
    4735. 

  4735.   color: var(--text-gray-2);
    4736. 

  4736. }
    4737. 

  4737. 

  4738. .text-gray-6 {
    4739. 

  4739.   color: var(--text-gray-6);
    4740. 

  4740. }
    4741. 

  4741. 

  4742. .text-gray-9 {
    4743. 

  4743.   color: var(--text-gray-9);
    4744. 

  4744. }
    4745. 

  4745. 

  4746. .text-gray-c2 {
    4747. 

  4747.   color: var(--text-gray-c2);
    4748. 

  4748. }
    4749. 

  4749. 

  4750. #mount {
    4751. 

  4751.   min-width: 268px;
    4752. 

  4752. }
    4753. 

  4753. 

  4754. .main-button {
    4755. 

  4755.   font-size: 15px;
    4756. 

  4756.   vertical-align: middle;
    4757. 

  4757.   border-radius: 12px;
    4758. 

  4758.   padding: unset;
    4759. 

  4759.   height: 44px;
    4760. 

  4760.   line-height: 44px;
    4761. 

  4761. }
    4762. 

  4762. 

  4763. .pt-4 {
    4764. 

  4764.   padding-top: 16px;
    4765. 

  4765. }
    4766. 

  4766. 

  4767. .p-2 {
    4768. 

  4768.   padding: 8px;
    4769. 

  4769. }
    4770. 

  4770. 

  4771. .pl-5 {
    4772. 

  4772.   padding-left: 48px;
    4773. 

  4773. }
    4774. 

  4774. 

  4775. .p-0 {
    4776. 

  4776.   padding: 0;
    4777. 

  4777. }
    4778. 

  4778. 

  4779. .pl-2 {
    4780. 

  4780.   padding-left: 8px;
    4781. 

  4781. }
    4782. 

  4782. 

  4783. .pl-4 {
    4784. 

  4784.   padding-left: 24px;
    4785. 

  4785. }
    4786. 

  4786. 

  4787. .pt-2 {
    4788. 

  4788.   padding-top: 8px;
    4789. 

  4789. }
    4790. 

  4790. 

  4791. .pb-2 {
    4792. 

  4792.   padding-bottom: 8px;
    4793. 

  4793. }
    4794. 

  4794. 

  4795. .pb-4 {
    4796. 

  4796.   padding-bottom: 16px;
    4797. 

  4797. }
    4798. 

  4798. 

  4799. .pb-5 {
    4800. 

  4800.   padding-bottom: 20px;
    4801. 

  4801. }
    4802. 

  4802. 

  4803. .pr-5 {
    4804. 

  4804.   padding-right: 48px;
    4805. 

  4805. }
    4806. 

  4806. 

  4807. .text-sm {
    4808. 

  4808.   font-size: 13px;
    4809. 

  4809. }
    4810. 

  4810. 

  4811. .text-base {
    4812. 

  4812.   font-size: 16px;
    4813. 

  4813. }
    4814. 

  4814. 

  4815. .w-full {
    4816. 

  4816.   width: 100%;
    4817. 

  4817. }
    4818. 

  4818. 

  4819. .flex {
    4820. 

  4820.   display: flex;
    4821. 

  4821. }
    4822. 

  4822. 

  4823. .flex-row {
    4824. 

  4824.   flex-direction: row;
    4825. 

  4825. }
    4826. 

  4826. 

  4827. .flex-wrap {
    4828. 

  4828.   flex-wrap: wrap;
    4829. 

  4829. }
    4830. 

  4830. 

  4831. .flex-end {
    4832. 

  4832.   justify-content: flex-end;
    4833. 

  4833. }
    4834. 

  4834. 

  4835. .flex-grow {
    4836. 

  4836.   flex-grow: 1;
    4837. 

  4837. }
    4838. 

  4838. 

  4839. .justify-between {
    4840. 

  4840.   justify-content: space-between;
    4841. 

  4841. }
    4842. 

  4842. 

  4843. .mb-0 {
    4844. 

  4844.   margin-bottom: 0px;
    4845. 

  4845. }
    4846. 

  4846. 

  4847. .mb-2 {
    4848. 

  4848.   margin-bottom: 8px;
    4849. 

  4849. }
    4850. 

  4850. 

  4851. .mb-4 {
    4852. 

  4852.   margin-bottom: 16px;
    4853. 

  4853. }
    4854. 

  4854. 

  4855. .mb-3 {
    4856. 

  4856.   margin-bottom: 12px;
    4857. 

  4857. }
    4858. 

  4858. 

  4859. .inline-block {
    4860. 

  4860.   display: inline-block;
    4861. 

  4861. }
    4862. 

  4862. 

  4863. .py-2 {
    4864. 

  4864.   padding-top: 8px;
    4865. 

  4865.   padding-bottom: 8px;
    4866. 

  4866. }
    4867. 

  4867. 

  4868. .py-2-5 {
    4869. 

  4869.   padding-top: 6px;
    4870. 

  4870.   padding-bottom: 6px;
    4871. 

  4871. }
    4872. 

  4872. 

  4873. .mt-0 {
    4874. 

  4874.   margin-top: 0;
    4875. 

  4875. }
    4876. 

  4876. 

  4877. .mt-2 {
    4878. 

  4878.   margin-top: 8px;
    4879. 

  4879. }
    4880. 

  4880. 

  4881. .mt-3 {
    4882. 

  4882.   margin-top: 12px;
    4883. 

  4883. }
    4884. 

  4884. 

  4885. .mt-4 {
    4886. 

  4886.   margin-top: 16px;
    4887. 

  4887. }
    4888. 

  4888. 

  4889. .mt-5 {
    4890. 

  4890.   margin-top: 20px;
    4891. 

  4891. }
    4892. 

  4892. 

  4893. .mt-6 {
    4894. 

  4894.   margin-top: 24px;
    4895. 

  4895. }
    4896. 

  4896. 

  4897. .mb-1 {
    4898. 

  4898.   margin-bottom: 4px;
    4899. 

  4899. }
    4900. 

  4900. 

  4901. .ml-4 {
    4902. 

  4902.   margin-left: 24px;
    4903. 

  4903. }
    4904. 

  4904. 

  4905. .ml-3 {
    4906. 

  4906.   margin-left: 16px;
    4907. 

  4907. }
    4908. 

  4908. 

  4909. .ml-2 {
    4910. 

  4910.   margin-left: 8px;
    4911. 

  4911. }
    4912. 

  4912. 

  4913. .ml-1 {
    4914. 

  4914.   margin-left: 4px;
    4915. 

  4915. }
    4916. 

  4916. 

  4917. .mr-1 {
    4918. 

  4918.   margin-right: 4px;
    4919. 

  4919. }
    4920. 

  4920. 

  4921. .mr-2 {
    4922. 

  4922.   margin-right: 8px;
    4923. 

  4923. }
    4924. 

  4924. 

  4925. .mr-3 {
    4926. 

  4926.   margin-right: 16px;
    4927. 

  4927. }
    4928. 

  4928. 

  4929. .mx-2 {
    4930. 

  4930.   margin-left: 8px;
    4931. 

  4931.   margin-right: 8px;
    4932. 

  4932. }
    4933. 

  4933. 

  4934. .pl-3 {
    4935. 

  4935.   padding-left: 12px;
    4936. 

  4936. }
    4937. 

  4937. 

  4938. .pr-3 {
    4939. 

  4939.   padding-right: 12px;
    4940. 

  4940. }
    4941. 

  4941. 

  4942. .p-3 {
    4943. 

  4943.   padding: 12px;
    4944. 

  4944. }
    4945. 

  4945. 

  4946. .px-1 {
    4947. 

  4947.   padding-left: 4px;
    4948. 

  4948.   padding-right: 4px;
    4949. 

  4949. }
    4950. 

  4950. 

  4951. .px-3 {
    4952. 

  4952.   padding-left: 12px;
    4953. 

  4953.   padding-right: 12px;
    4954. 

  4954. }
    4955. 

  4955. 

  4956. .pt-3 {
    4957. 

  4957.   padding-top: 12px;
    4958. 

  4958. }
    4959. 

  4959. 

  4960. .px-6 {
    4961. 

  4961.   padding-left: 18px;
    4962. 

  4962.   padding-right: 18px;
    4963. 

  4963. }
    4964. 

  4964. 

  4965. .px-4 {
    4966. 

  4966.   padding-left: 16px;
    4967. 

  4967.   padding-right: 16px;
    4968. 

  4968. }
    4969. 

  4969. 

  4970. .pt-6 {
    4971. 

  4971.   padding-top: 20px;
    4972. 

  4972. }
    4973. 

  4973. 

  4974. .py-3 {
    4975. 

  4975.   padding-top: 12px;
    4976. 

  4976.   padding-bottom: 12px;
    4977. 

  4977. }
    4978. 

  4978. 

  4979. .py-0 {
    4980. 

  4980.   padding-top: 0;
    4981. 

  4981.   padding-bottom: 0;
    4982. 

  4982. }
    4983. 

  4983. 

  4984. .left-auto {
    4985. 

  4985.   left: auto !important;
    4986. 

  4986. }
    4987. 

  4987. 

  4988. .max-h-28 {
    4989. 

  4989.   max-height: 112px;
    4990. 

  4990. }
    4991. 

  4991. 

  4992. .max-h-30 {
    4993. 

  4993.   max-height: 120px;
    4994. 

  4994. }
    4995. 

  4995. 

  4996. .overflow-y-scroll {
    4997. 

  4997.   overflow-y: scroll;
    4998. 

  4998. }
    4999. 

  4999. 

  5000. .text-xs {
    5001. 

  5001.   font-size: 12px;
    5002. 

  5002. }
    5003. 

  5003. 

  5004. .flex-1 {
    5005. 

  5005.   flex: 1;
    5006. 

  5006. }
    5007. 

  5007. 

  5008. .flex-3 {
    5009. 

  5009.   flex: 3;
    5010. 

  5010. }
    5011. 

  5011. 

  5012. .flex-4 {
    5013. 

  5013.   flex: 4;
    5014. 

  5014. }
    5015. 

  5015. 

  5016. .flex-2 {
    5017. 

  5017.   flex: 2;
    5018. 

  5018. }
    5019. 

  5019. 

  5020. .items-center {
    5021. 

  5021.   align-items: center;
    5022. 

  5022. }
    5023. 

  5023. 

  5024. .max-content {
    5025. 

  5025.   width: max-content;
    5026. 

  5026. }
    5027. 

  5027. 

  5028. .justify-center {
    5029. 

  5029.   justify-content: center;
    5030. 

  5030. }
    5031. 

  5031. 

  5032. .items-end {
    5033. 

  5033.   align-items: flex-end;
    5034. 

  5034. }
    5035. 

  5035. 

  5036. .items-baseline {
    5037. 

  5037.   align-items: baseline;
    5038. 

  5038. }
    5039. 

  5039. 

  5040. .my-5 {
    5041. 

  5041.   margin-top: 48px;
    5042. 

  5042.   margin-bottom: 48px;
    5043. 

  5043. }
    5044. 

  5044. 

  5045. .my-4 {
    5046. 

  5046.   margin-top: 24px;
    5047. 

  5047.   margin-bottom: 24px;
    5048. 

  5048. }
    5049. 

  5049. 

  5050. .my-3 {
    5051. 

  5051.   margin-top: 16px;
    5052. 

  5052.   margin-bottom: 16px;
    5053. 

  5053. }
    5054. 

  5054. 

  5055. .pt-3 {
    5056. 

  5056.   padding-top: 12px;
    5057. 

  5057. }
    5058. 

  5058. 

  5059. .px-3 {
    5060. 

  5060.   padding-left: 12px;
    5061. 

  5061.   padding-right: 12px;
    5062. 

  5062. }
    5063. 

  5063. 

  5064. .pt-2 {
    5065. 

  5065.   padding-top: 8px;
    5066. 

  5066. }
    5067. 

  5067. 

  5068. .px-2 {
    5069. 

  5069.   padding-left: 8px;
    5070. 

  5070.   padding-right: 8px;
    5071. 

  5071. }
    5072. 

  5072. 

  5073. .pt-1 {
    5074. 

  5074.   padding-top: 4px;
    5075. 

  5075. }
    5076. 

  5076. 

  5077. .px-1 {
    5078. 

  5078.   padding-left: 4px;
    5079. 

  5079.   padding-right: 4px;
    5080. 

  5080. }
    5081. 

  5081. 

  5082. .pb-2 {
    5083. 

  5083.   padding-bottom: 8px;
    5084. 

  5084. }
    5085. 

  5085. 

  5086. .justify-end {
    5087. 

  5087.   justify-content: flex-end;
    5088. 

  5088. }
    5089. 

  5089. 

  5090. .w-auto {
    5091. 

  5091.   width: auto;
    5092. 

  5092. }
    5093. 

  5093. 

  5094. .shrink-0 {
    5095. 

  5095.   flex-shrink: 0;
    5096. 

  5096. }
    5097. 

  5097. 

  5098. select.language-select,
    5099. 

  5099. select.translate-service,
    5100. 

  5100. select.min-select {
    5101. 

  5101.   --form-element-spacing-horizontal: 0;
    5102. 

  5102.   margin-bottom: 0px;
    5103. 

  5103.   max-width: unset;
    5104. 

  5104.   flex: 1;
    5105. 

  5105.   overflow: hidden;
    5106. 

  5106.   font-size: 13px;
    5107. 

  5107.   border: none;
    5108. 

  5108.   border-radius: 8px;
    5109. 

  5109.   padding-right: 30px;
    5110. 

  5110.   padding-left: 0px;
    5111. 

  5111.   background-position: center right 12px;
    5112. 

  5112.   background-size: 16px auto;
    5113. 

  5113.   background-image: var(--icon-xia);
    5114. 

  5114.   text-overflow: ellipsis;
    5115. 

  5115.   color: var(--text-gray-2);
    5116. 

  5116.   background-color: transparent;
    5117. 

  5117.   box-shadow: unset !important;
    5118. 

  5118.   cursor: pointer;
    5119. 

  5119. }
    5120. 

  5120. 

  5121. select.more {
    5122. 

  5122.   background-position: center right;
    5123. 

  5123.   padding-right: 20px;
    5124. 

  5124. }
    5125. 

  5125. 

  5126. select.transform-padding-left {
    5127. 

  5127.   padding-left: 12px;
    5128. 

  5128.   transform: translateX(-12px);
    5129. 

  5129.   background-position: center right 0px;
    5130. 

  5130. }
    5131. 

  5131. 

  5132. select.translate-service {
    5133. 

  5133.   color: var(--text-black-2);
    5134. 

  5134. }
    5135. 

  5135. 

  5136. /* dark use black, for windows */
    5137. 

  5137. @media (prefers-color-scheme: dark) {
    5138. 

  5138.   select.language-select option,
    5139. 

  5139.   select.translate-service option,
    5140. 

  5140.   select.min-select option {
    5141. 

  5141.     background-color: #666666;
    5142. 

  5142.   }
    5143. 

  5143. }
    5144. 

  5144. 

  5145. .text-overflow-ellipsis {
    5146. 

  5146.   text-overflow: ellipsis;
    5147. 

  5147.   overflow: hidden;
    5148. 

  5148.   white-space: nowrap;
    5149. 

  5149. }
    5150. 

  5150. 

  5151. .max-w-20 {
    5152. 

  5152.   max-width: 180px;
    5153. 

  5153.   white-space: nowrap;
    5154. 

  5154. }
    5155. 

  5155. 

  5156. select.min-select-secondary {
    5157. 

  5157.   color: var(--color);
    5158. 

  5158. }
    5159. 

  5159. 

  5160. select.min-select:focus {
    5161. 

  5161.   outline: none;
    5162. 

  5162.   border: none;
    5163. 

  5163.   --box-shadow: none;
    5164. 

  5164. }
    5165. 

  5165. 

  5166. select.min-select-no-arrow {
    5167. 

  5167.   background-image: none;
    5168. 

  5168.   padding-right: 0;
    5169. 

  5169. }
    5170. 

  5170. 

  5171. select.min-select-left {
    5172. 

  5172.   padding-right: 0px;
    5173. 

  5173.   /* padding-left: 24px; */
    5174. 

  5174.   /* background-position: center left 0; */
    5175. 

  5175.   text-overflow: ellipsis;
    5176. 

  5176.   text-align: left;
    5177. 

  5177. }
    5178. 

  5178. 

  5179. .popup-footer {
    5180. 

  5180.   background-color: var(--popup-footer-background-color);
    5181. 

  5181.   height: 40px;
    5182. 

  5182. }
    5183. 

  5183. 

  5184. .text-right {
    5185. 

  5185.   text-align: right;
    5186. 

  5186. }
    5187. 

  5187. 

  5188. .clickable {
    5189. 

  5189.   cursor: pointer;
    5190. 

  5190. }
    5191. 

  5191. 

  5192. .close {
    5193. 

  5193.   cursor: pointer;
    5194. 

  5194.   width: 16px;
    5195. 

  5195.   height: 16px;
    5196. 

  5196.   background-image: var(--icon-close);
    5197. 

  5197.   background-position: center;
    5198. 

  5198.   background-size: auto 1rem;
    5199. 

  5199.   background-repeat: no-repeat;
    5200. 

  5200.   opacity: 0.5;
    5201. 

  5201.   transition: opacity var(--transition);
    5202. 

  5202. }
    5203. 

  5203. 

  5204. .padding-two-column {
    5205. 

  5205.   padding-left: 40px;
    5206. 

  5206.   padding-right: 40px;
    5207. 

  5207. }
    5208. 

  5208. 

  5209. .muted {
    5210. 

  5210.   color: #999;
    5211. 

  5211. }
    5212. 

  5212. 

  5213. .text-label {
    5214. 

  5214.   color: #666;
    5215. 

  5215. }
    5216. 

  5216. 

  5217. .display-none {
    5218. 

  5218.   display: none;
    5219. 

  5219. }
    5220. 

  5220. 

  5221. /* dark use #18232c */
    5222. 

  5222. @media (prefers-color-scheme: dark) {
    5223. 

  5223.   .text-label {
    5224. 

  5224.     color: #9ca3af;
    5225. 

  5225.   }
    5226. 

  5226. }
    5227. 

  5227. 

  5228. .text-decoration-none {
    5229. 

  5229.   text-decoration: none;
    5230. 

  5230. }
    5231. 

  5231. 

  5232. .text-decoration-none:is([aria-current], :hover, :active, :focus),
    5233. 

  5233. [role="link"]:is([aria-current], :hover, :active, :focus) {
    5234. 

  5234.   --text-decoration: none !important;
    5235. 

  5235.   background-color: transparent !important;
    5236. 

  5236. }
    5237. 

  5237. 

  5238. .language-select-container {
    5239. 

  5239.   position: relative;
    5240. 

  5240.   width: 100%;
    5241. 

  5241.   background-color: var(--popup-item-background-color);
    5242. 

  5242.   height: 55px;
    5243. 

  5243.   border-radius: 12px;
    5244. 

  5244. }
    5245. 

  5245. 

  5246. select.language-select {
    5247. 

  5247.   color: var(--text-black-2);
    5248. 

  5248.   font-size: 14px;
    5249. 

  5249.   padding: 8px 24px 24px 16px;
    5250. 

  5250.   position: absolute;
    5251. 

  5251.   border-radius: 12px;
    5252. 

  5252.   position: absolute;
    5253. 

  5253.   left: 0;
    5254. 

  5254.   right: 0;
    5255. 

  5255.   top: 0;
    5256. 

  5256.   bottom: 0;
    5257. 

  5257. }
    5258. 

  5258. 

  5259. select.text-gray-6 {
    5260. 

  5260.   color: var(--text-gray-6);
    5261. 

  5261. }
    5262. 

  5262. 

  5263. .language-select-container label {
    5264. 

  5264.   position: absolute;
    5265. 

  5265.   bottom: 10px;
    5266. 

  5266.   left: 16px;
    5267. 

  5267.   font-size: 12px;
    5268. 

  5268.   color: var(--text-gray-9);
    5269. 

  5269.   line-height: 12px;
    5270. 

  5270.   margin: 0;
    5271. 

  5271. }
    5272. 

  5272. 

  5273. .translation-service-container {
    5274. 

  5274.   background-color: var(--popup-item-background-color);
    5275. 

  5275.   border-radius: 12px;
    5276. 

  5276. }
    5277. 

  5277. 

  5278. .min-select-container {
    5279. 

  5279.   display: flex;
    5280. 

  5280.   justify-content: space-between;
    5281. 

  5281.   align-items: center;
    5282. 

  5282.   height: 44px;
    5283. 

  5283.   background-color: var(--popup-item-background-color);
    5284. 

  5284.   padding-left: 16px;
    5285. 

  5285. }
    5286. 

  5286. 

  5287. .min-select-container:first-child {
    5288. 

  5288.   border-top-left-radius: 10px;
    5289. 

  5289.   border-top-right-radius: 10px;
    5290. 

  5290. }
    5291. 

  5291. 

  5292. .min-select-container:last-child {
    5293. 

  5293.   border-bottom-left-radius: 10px;
    5294. 

  5294.   border-bottom-right-radius: 10px;
    5295. 

  5295. }
    5296. 

  5296. 

  5297. .min-select-container:only-child {
    5298. 

  5298.   border-radius: 10px;
    5299. 

  5299. }
    5300. 

  5300. 

  5301. .translate-mode {
    5302. 

  5302.   width: 44px;
    5303. 

  5303.   height: 44px;
    5304. 

  5304.   border-radius: 22px;
    5305. 

  5305.   background-color: var(--popup-item-background-color);
    5306. 

  5306.   display: flex;
    5307. 

  5307.   align-items: center;
    5308. 

  5308.   justify-content: center;
    5309. 

  5309.   flex-shrink: 0;
    5310. 

  5310.   cursor: pointer;
    5311. 

  5311. }
    5312. 

  5312. 

  5313. .translate-mode svg {
    5314. 

  5314.   fill: var(--text-gray-2);
    5315. 

  5315. }
    5316. 

  5316. 

  5317. .widgets-container {
    5318. 

  5318.   display: flex;
    5319. 

  5319.   align-items: stretch;
    5320. 

  5320.   justify-content: space-between;
    5321. 

  5321.   width: 100%;
    5322. 

  5322.   gap: 9px;
    5323. 

  5323. }
    5324. 

  5324. 

  5325. .widget-item {
    5326. 

  5326.   display: flex;
    5327. 

  5327.   flex-direction: column;
    5328. 

  5328.   align-items: center;
    5329. 

  5329.   justify-content: center;
    5330. 

  5330.   background-color: var(--popup-item-background-color);
    5331. 

  5331.   font-size: 12px;
    5332. 

  5332.   min-height: 59px;
    5333. 

  5333.   height: 100%;
    5334. 

  5334.   border-radius: 8px;
    5335. 

  5335.   cursor: pointer;
    5336. 

  5336.   flex: 1;
    5337. 

  5337.   padding: 8px 4px;
    5338. 

  5338.   text-align: center;
    5339. 

  5339. }
    5340. 

  5340. 

  5341. .widget-icon-container {
    5342. 

  5342.   display: flex;
    5343. 

  5343.   align-items: center;
    5344. 

  5344.   justify-content: center;
    5345. 

  5345.   height: 30px;
    5346. 

  5346.   width: 100%;
    5347. 

  5347.   margin-bottom: 4px;
    5348. 

  5348. }
    5349. 

  5349. 

  5350. .widget-title-container {
    5351. 

  5351.   display: flex;
    5352. 

  5352.   align-items: flex-start;
    5353. 

  5353.   justify-content: center;
    5354. 

  5354.   height: 24px;
    5355. 

  5355.   width: 100%;
    5356. 

  5356.   padding-bottom: 4px;
    5357. 

  5357. }
    5358. 

  5358. 

  5359. .widget-icon {
    5360. 

  5360.   margin-bottom: 4px;
    5361. 

  5361.   display: flex;
    5362. 

  5362.   justify-content: center;
    5363. 

  5363. }
    5364. 

  5364. 

  5365. .widget-title {
    5366. 

  5366.   color: var(--text-gray-6);
    5367. 

  5367.   font-size: 12px;
    5368. 

  5368.   text-align: center;
    5369. 

  5369.   width: 100%;
    5370. 

  5370.   font-weight: 400;
    5371. 

  5371.   white-space: nowrap;
    5372. 

  5372.   overflow: hidden;
    5373. 

  5373.   text-overflow: ellipsis;
    5374. 

  5374.   padding: 0 2px 2px;
    5375. 

  5375. }
    5376. 

  5376. 

  5377. .widget-item svg {
    5378. 

  5378.   fill: var(--text-gray-2);
    5379. 

  5379. }
    5380. 

  5380. 

  5381. .setting svg {
    5382. 

  5382.   fill: var(--text-gray-6);
    5383. 

  5383. }
    5384. 

  5384. 

  5385. .share-button-container {
    5386. 

  5386.   display: flex;
    5387. 

  5387.   align-items: center;
    5388. 

  5388.   cursor: pointer;
    5389. 

  5389.   padding: 2px 3px 0 8px;
    5390. 

  5390. }
    5391. 

  5391. 

  5392. .share-button-container svg {
    5393. 

  5393.   fill: var(--text-gray-9);
    5394. 

  5394. }
    5395. 

  5395. 

  5396. .min-select-container:hover,
    5397. 

  5397. .language-select-container:hover,
    5398. 

  5398. .widget-item:hover,
    5399. 

  5399. .translate-mode:hover {
    5400. 

  5400.   background-color: var(--popup-item-hover-background-color);
    5401. 

  5401. }
    5402. 

  5402. 

  5403. .main-button:hover {
    5404. 

  5404.   background-color: #f5508f;
    5405. 

  5405. }
    5406. 

  5406. 

  5407. .share-button-container:hover {
    5408. 

  5408.   background-color: var(--popup-item-background-color);
    5409. 

  5409.   border-radius: 6px;
    5410. 

  5410. }
    5411. 

  5411. 

  5412. .error-boundary {
    5413. 

  5413.   background: #fff2f0;
    5414. 

  5414.   border: 1px solid #ffccc7;
    5415. 

  5415.   display: flex;
    5416. 

  5416.   padding: 12px;
    5417. 

  5417.   font-size: 14px;
    5418. 

  5418.   color: rgba(0, 0, 0, 0.88);
    5419. 

  5419.   word-break: break-all;
    5420. 

  5420.   margin: 12px;
    5421. 

  5421.   border-radius: 12px;
    5422. 

  5422.   flex-direction: column;
    5423. 

  5423. }
    5424. 

  5424. 

  5425. .upgrade-pro {
    5426. 

  5426.   border-radius: 11px;
    5427. 

  5427.   background: linear-gradient(57deg, #272727 19.8%, #696969 82.2%);
    5428. 

  5428.   padding: 2px 8px;
    5429. 

  5429.   transform: scale(0.85);
    5430. 

  5430. }
    5431. 

  5431. 

  5432. .upgrade-pro span {
    5433. 

  5433.   background: linear-gradient(180deg, #ffeab4 17.65%, #f8c235 85.29%);
    5434. 

  5434.   background-clip: text;
    5435. 

  5435.   -webkit-background-clip: text;
    5436. 

  5436.   -webkit-text-fill-color: transparent;
    5437. 

  5437.   font-size: 12px;
    5438. 

  5438.   margin-left: 4px;
    5439. 

  5439. }
    5440. 

  5440. 

  5441. .upgrade-pro svg {
    5442. 

  5442.   margin-top: -2px;
    5443. 

  5443. }
    5444. 

  5444. 

  5445. .upgrade-pro:hover {
    5446. 

  5446.   background: linear-gradient(57deg, #3d3d3d 19.8%, #949494 82.2%);
    5447. 

  5447. }
    5448. 

  5448. 

  5449. .border-bottom-radius-0 {
    5450. 

  5450.   border-bottom-left-radius: 0 !important;
    5451. 

  5451.   border-bottom-right-radius: 0 !important;
    5452. 

  5452. }
    5453. 

  5453. 

  5454. .trial-pro-container {
    5455. 

  5455.   border-radius: 0px 0px 12px 12px;
    5456. 

  5456.   background: var(--popup-trial-pro-background-color);
    5457. 

  5457.   display: flex;
    5458. 

  5458.   align-items: center;
    5459. 

  5459.   height: 44px;
    5460. 

  5460.   padding-left: 16px;
    5461. 

  5461.   padding-right: 12px;
    5462. 

  5462.   font-size: 12px;
    5463. 

  5463. }
    5464. 

  5464. 

  5465. .trial-pro-container label {
    5466. 

  5466.   line-height: 13px;
    5467. 

  5467.   color: var(--text-black-2);
    5468. 

  5468. }
    5469. 

  5469. 

  5470. .trial-pro-container img {
    5471. 

  5471.   margin-left: 5px;
    5472. 

  5472. }
    5473. 

  5473. 

  5474. .cursor-pointer {
    5475. 

  5475.   cursor: pointer;
    5476. 

  5476. }
    5477. 

  5477. 

  5478. .upgrade-pro-discount-act {
    5479. 

  5479.   height: 25px;
    5480. 

  5480.   display: flex;
    5481. 

  5481.   padding: 0 4px;
    5482. 

  5482.   align-items: center;
    5483. 

  5483.   border-radius: 15px;
    5484. 

  5484.   background: linear-gradient(
    5485. 

  5485.     90deg,
    5486. 

  5486.     #cefbfa 11.33%,
    5487. 

  5487.     #d7f56f 63.75%,
    5488. 

  5488.     #fccd5e 100%
    5489. 

  5489.   );
    5490. 

  5490.   transform: scale(0.9);
    5491. 

  5491.   box-shadow: 0px 1.8px 3.6px 0px rgba(0, 0, 0, 0.1);
    5492. 

  5492.   cursor: pointer;
    5493. 

  5493. }
    5494. 

  5494. 

  5495. .upgrade-pro-discount-act span {
    5496. 

  5496.   font-size: 12px;
    5497. 

  5497.   font-weight: 700;
    5498. 

  5498.   margin-left: 4px;
    5499. 

  5499.   color: #222222;
    5500. 

  5500. }
    5501. 

  5501. 

  5502. .upgrade-pro-discount-act:hover {
    5503. 

  5503.   text-decoration: unset;
    5504. 

  5504.   background: linear-gradient(
    5505. 

  5505.     90deg,
    5506. 

  5506.     #e2fffe 11.33%,
    5507. 

  5507.     #e6ff91 63.75%,
    5508. 

  5508.     #ffdf93 100%
    5509. 

  5509.   );
    5510. 

  5510. }
    5511. 

  5511. 

  5512. .custom-select-container {
    5513. 

  5513.   width: 200px;
    5514. 

  5514.   position: relative;
    5515. 

  5515.   flex: 1;
    5516. 

  5516. }
    5517. 

  5517. 

  5518. .custom-select-content {
    5519. 

  5519.   border-radius: 12px;
    5520. 

  5520.   background: var(--popup-content-background-color);
    5521. 

  5521.   box-shadow: var(--service-select-content-shadow);
    5522. 

  5522.   border: 1px solid var(--service-select-border-color);
    5523. 

  5523.   padding: 4px 5px;
    5524. 

  5524.   position: absolute;
    5525. 

  5525.   left: 0;
    5526. 

  5526.   right: 0;
    5527. 

  5527.   z-index: 100;
    5528. 

  5528.   overflow-y: auto;
    5529. 

  5529. }
    5530. 

  5530. 

  5531. .custom-select-item {
    5532. 

  5532.   font-size: 13px;
    5533. 

  5533.   padding: 5px 6px;
    5534. 

  5534.   border-radius: 8px;
    5535. 

  5535.   display: flex;
    5536. 

  5536.   align-items: center;
    5537. 

  5537.   cursor: pointer;
    5538. 

  5538.   color: var(--text-black-2);
    5539. 

  5539.   width: 100%;
    5540. 

  5540.   overflow: hidden;
    5541. 

  5541.   height: 30px;
    5542. 

  5542.   line-height: 30px;
    5543. 

  5543. }
    5544. 

  5544. 

  5545. .custom-select-item-img {
    5546. 

  5546.   width: 20px;
    5547. 

  5547.   height: 20px;
    5548. 

  5548.   margin-right: 4px;
    5549. 

  5549. }
    5550. 

  5550. 

  5551. @media (prefers-color-scheme: dark) {
    5552. 

  5552.   .custom-select-item-img {
    5553. 

  5553.     margin-right: 6px;
    5554. 

  5554.   }
    5555. 

  5555. }
    5556. 

  5556. 

  5557. .custom-select-content .custom-select-item.selected,
    5558. 

  5558. .custom-select-content .custom-select-item:hover {
    5559. 

  5559.   background: var(--service-select-selected-background-color);
    5560. 

  5560. }
    5561. 

  5561. 

  5562. .custom-select-item > span {
    5563. 

  5563.   white-space: nowrap;
    5564. 

  5564.   overflow: hidden;
    5565. 

  5565.   text-overflow: ellipsis;
    5566. 

  5566. }
    5567. 

  5567. 

  5568. .custom-select-item-pro {
    5569. 

  5569.   font-size: 12px;
    5570. 

  5570.   margin-left: 6px;
    5571. 

  5571. }
    5572. 

  5572. 

  5573. .custom-select-item-pro img {
    5574. 

  5574.   margin: 0 3px;
    5575. 

  5575.   width: 20px;
    5576. 

  5576. }
    5577. 

  5577. .more-container {
    5578. 

  5578.   position: relative;
    5579. 

  5579. }
    5580. 

  5580. .new-menu-indicator {
    5581. 

  5581.   position: absolute;
    5582. 

  5582.   width: 8px;
    5583. 

  5583.   height: 8px;
    5584. 

  5584.   background-color: #ef3434;
    5585. 

  5585.   border-radius: 50%;
    5586. 

  5586.   right: 18px;
    5587. 

  5587.   top: 4px;
    5588. 

  5588. }
    5589. 

  5589. 

  5590. html {
    5591. 

  5591.   font-size: 17px;
    5592. 

  5592. }
    5593. 

  5593. 

  5594. @media print {
    5595. 

  5595.   .imt-fb-container {
    5596. 

  5596.     display: none !important;
    5597. 

  5597.   }
    5598. 

  5598. }
    5599. 

  5599. 

  5600. #mount#mount {
    5601. 

  5601.   position: absolute;
    5602. 

  5602.   display: none;
    5603. 

  5603.   min-width: 250px;
    5604. 

  5604.   height: auto;
    5605. 

  5605.   --font-size: 17px;
    5606. 

  5606.   font-size: 17px;
    5607. 

  5607. }
    5608. 

  5608. 

  5609. /* float-ball */
    5610. 

  5610. .imt-fb-container {
    5611. 

  5611.   position: fixed;
    5612. 

  5612.   padding: 0;
    5613. 

  5613.   z-index: 2147483647;
    5614. 

  5614.   top: 335px;
    5615. 

  5615.   width: fit-content;
    5616. 

  5616.   display: flex;
    5617. 

  5617.   flex-direction: column;
    5618. 

  5618.   display: none;
    5619. 

  5619. }
    5620. 

  5620. 

  5621. .imt-fb-container.left {
    5622. 

  5622.   align-items: flex-start;
    5623. 

  5623.   left: 0;
    5624. 

  5624. }
    5625. 

  5625. 

  5626. .imt-fb-container.right {
    5627. 

  5627.   align-items: flex-end;
    5628. 

  5628.   right: 0;
    5629. 

  5629. }
    5630. 

  5630. 

  5631. .imt-fb-btn {
    5632. 

  5632.   cursor: pointer;
    5633. 

  5633.   background: var(--float-ball-more-button-background-color);
    5634. 

  5634.   height: 36px;
    5635. 

  5635.   width: 56px;
    5636. 

  5636.   box-shadow: 2px 6px 10px 0px #0e121629;
    5637. 

  5637. }
    5638. 

  5638. 

  5639. .imt-fb-btn.left {
    5640. 

  5640.   border-top-right-radius: 36px;
    5641. 

  5641.   border-bottom-right-radius: 36px;
    5642. 

  5642. }
    5643. 

  5643. 

  5644. .imt-fb-btn.right {
    5645. 

  5645.   border-top-left-radius: 36px;
    5646. 

  5646.   border-bottom-left-radius: 36px;
    5647. 

  5647. }
    5648. 

  5648. 

  5649. .imt-fb-btn div {
    5650. 

  5650.   background: var(--float-ball-more-button-background-color);
    5651. 

  5651.   height: 36px;
    5652. 

  5652.   width: 54px;
    5653. 

  5653.   display: flex;
    5654. 

  5654.   align-items: center;
    5655. 

  5655. }
    5656. 

  5656. 

  5657. .imt-fb-btn.left div {
    5658. 

  5658.   border-top-right-radius: 34px;
    5659. 

  5659.   border-bottom-right-radius: 34px;
    5660. 

  5660.   justify-content: flex-end;
    5661. 

  5661. }
    5662. 

  5662. 

  5663. .imt-fb-btn.right div {
    5664. 

  5664.   border-top-left-radius: 34px;
    5665. 

  5665.   border-bottom-left-radius: 34px;
    5666. 

  5666. }
    5667. 

  5667. 

  5668. .imt-fb-logo-img {
    5669. 

  5669.   width: 20px;
    5670. 

  5670.   height: 20px;
    5671. 

  5671.   margin: 0 10px;
    5672. 

  5672. }
    5673. 

  5673. 

  5674. .imt-fb-logo-img-big-bg {
    5675. 

  5675.   width: 28px;
    5676. 

  5676.   height: 28px;
    5677. 

  5677.   margin: 0;
    5678. 

  5678.   padding: 4px;
    5679. 

  5679.   background-color: #ed6d8f;
    5680. 

  5680.   border-radius: 50%;
    5681. 

  5681.   margin: 0 5px;
    5682. 

  5682. }
    5683. 

  5683. 

  5684. .imt-float-ball-translated {
    5685. 

  5685.   position: absolute;
    5686. 

  5686.   width: 11px;
    5687. 

  5687.   height: 11px;
    5688. 

  5688.   bottom: 4px;
    5689. 

  5689.   right: 20px;
    5690. 

  5690. }
    5691. 

  5691. 

  5692. .btn-animate {
    5693. 

  5693.   -webkit-transform: translate3d(0, 0, 0);
    5694. 

  5694.   transform: translate3d(0, 0, 0);
    5695. 

  5695.   -webkit-transition: -webkit-transform ease-out 250ms;
    5696. 

  5696.   transition: -webkit-transform ease-out 250ms;
    5697. 

  5697.   transition: transform ease-out 250ms;
    5698. 

  5698.   transition: transform ease-out 250ms, -webkit-transform ease-out 250ms;
    5699. 

  5699. }
    5700. 

  5700. 

  5701. .imt-fb-setting-btn {
    5702. 

  5702.   margin-right: 18px;
    5703. 

  5703.   width: 28px;
    5704. 

  5704.   height: 28px;
    5705. 

  5705. }
    5706. 

  5706. 

  5707. .immersive-translate-popup-wrapper {
    5708. 

  5708.   background: var(--background-color);
    5709. 

  5709.   border-radius: 20px;
    5710. 

  5710.   box-shadow: 2px 10px 24px 0px #0e121614;
    5711. 

  5711.   border: none;
    5712. 

  5712. }
    5713. 

  5713. 

  5714. .popup-container {
    5715. 

  5715.   border-radius: 20px;
    5716. 

  5716. }
    5717. 

  5717. 

  5718. .popup-content {
    5719. 

  5719.   border-radius: 20px 20px 12px 12px;
    5720. 

  5720. }
    5721. 

  5721. .popup-footer {
    5722. 

  5722.   border-radius: 20px;
    5723. 

  5723. }
    5724. 

  5724. 

  5725. .imt-fb-close-button {
    5726. 

  5726.   pointer-events: all;
    5727. 

  5727.   cursor: pointer;
    5728. 

  5728.   position: absolute;
    5729. 

  5729.   margin-top: -10px;
    5730. 

  5730. }
    5731. 

  5731. 

  5732. .imt-fb-close-content {
    5733. 

  5733.   padding: 22px;
    5734. 

  5734.   width: 320px;
    5735. 

  5735.   pointer-events: all;
    5736. 

  5736. }
    5737. 

  5737. 

  5738. .imt-fb-close-title {
    5739. 

  5739.   font-weight: 500;
    5740. 

  5740.   color: var(--h2-color);
    5741. 

  5741. }
    5742. 

  5742. 

  5743. .imt-fb-close-radio-content {
    5744. 

  5744.   background-color: var(--background-light-green);
    5745. 

  5745.   padding: 8px 20px;
    5746. 

  5746. }
    5747. 

  5747. 

  5748. .imt-fb-radio-sel,
    5749. 

  5749. .imt-fb-radio-nor {
    5750. 

  5750.   width: 16px;
    5751. 

  5751.   height: 16px;
    5752. 

  5752.   border-radius: 8px;
    5753. 

  5753.   flex-shrink: 0;
    5754. 

  5754. }
    5755. 

  5755. 

  5756. .imt-fb-radio-sel {
    5757. 

  5757.   border: 2px solid var(--primary);
    5758. 

  5758.   display: flex;
    5759. 

  5759.   align-items: center;
    5760. 

  5760.   justify-content: center;
    5761. 

  5761. }
    5762. 

  5762. 

  5763. .imt-fb-radio-sel div {
    5764. 

  5764.   width: 8px;
    5765. 

  5765.   height: 8px;
    5766. 

  5766.   border-radius: 4px;
    5767. 

  5767.   background-color: var(--primary);
    5768. 

  5768. }
    5769. 

  5769. 

  5770. .imt-fb-radio-nor {
    5771. 

  5771.   border: 2px solid #d3d4d6;
    5772. 

  5772. }
    5773. 

  5773. 

  5774. .imt-fb-primary-btn {
    5775. 

  5775.   background-color: var(--primary);
    5776. 

  5776.   width: 72px;
    5777. 

  5777.   height: 32px;
    5778. 

  5778.   color: white;
    5779. 

  5779.   border-radius: 8px;
    5780. 

  5780.   text-align: center;
    5781. 

  5781.   line-height: 32px;
    5782. 

  5782.   font-size: 16px;
    5783. 

  5783.   cursor: pointer;
    5784. 

  5784. }
    5785. 

  5785. 

  5786. .imt-fb-default-btn {
    5787. 

  5787.   border: 1px solid var(--primary);
    5788. 

  5788.   width: 72px;
    5789. 

  5789.   height: 32px;
    5790. 

  5790.   border-radius: 8px;
    5791. 

  5791.   color: var(--primary);
    5792. 

  5792.   line-height: 32px;
    5793. 

  5793.   text-align: center;
    5794. 

  5794.   font-size: 16px;
    5795. 

  5795.   cursor: pointer;
    5796. 

  5796. }
    5797. 

  5797. 

  5798. .imt-fb-guide-container {
    5799. 

  5799.   width: 312px;
    5800. 

  5800.   transform: translateY(-50%);
    5801. 

  5801. }
    5802. 

  5802. 

  5803. .imt-fb-guide-bg {
    5804. 

  5804.   position: absolute;
    5805. 

  5805.   left: 30px;
    5806. 

  5806.   right: 0;
    5807. 

  5807.   top: 0;
    5808. 

  5808.   bottom: 0;
    5809. 

  5809.   z-index: -1;
    5810. 

  5810.   height: 100%;
    5811. 

  5811.   width: 90%;
    5812. 

  5812. }
    5813. 

  5813. 

  5814. .imt-fb-guide-bg.left {
    5815. 

  5815.   transform: scaleX(-1);
    5816. 

  5816. }
    5817. 

  5817. 

  5818. .imt-fb-guide-content {
    5819. 

  5819.   margin: 16px -30px 80px 0px;
    5820. 

  5820.   display: flex;
    5821. 

  5821.   flex-direction: column;
    5822. 

  5822.   align-items: center;
    5823. 

  5823. }
    5824. 

  5824. 

  5825. .imt-fb-guide-content.left {
    5826. 

  5826.   margin: 16px 21px 60px 32px;
    5827. 

  5827. }
    5828. 

  5828. 

  5829. .imt-fb-guide-img {
    5830. 

  5830.   width: 220px;
    5831. 

  5831.   height: 112px;
    5832. 

  5832. }
    5833. 

  5833. 

  5834. .imt-fb-guide-message {
    5835. 

  5835.   font-size: 16px;
    5836. 

  5836.   line-height: 28px;
    5837. 

  5837.   color: #333333;
    5838. 

  5838.   white-space: pre-wrap;
    5839. 

  5839.   text-align: center;
    5840. 

  5840.   font-weight: 700;
    5841. 

  5841.   margin-bottom: 20px;
    5842. 

  5842. }
    5843. 

  5843. 

  5844. .imt-fb-guide-button {
    5845. 

  5845.   margin-top: 16px;
    5846. 

  5846.   line-height: 40px;
    5847. 

  5847.   height: 40px;
    5848. 

  5848.   padding: 0 20px;
    5849. 

  5849.   width: unset;
    5850. 

  5850. }
    5851. 

  5851. 

  5852. .imt-fb-more-buttons {
    5853. 

  5853.   box-shadow: 0px 2px 10px 0px #00000014;
    5854. 

  5854.   border: none;
    5855. 

  5855.   background: var(--float-ball-more-button-background-color);
    5856. 

  5856.   width: 36px;
    5857. 

  5857.   display: flex;
    5858. 

  5858.   flex-direction: column;
    5859. 

  5859.   border-radius: 18px;
    5860. 

  5860.   margin-top: 0px;
    5861. 

  5861.   padding: 7px 0 7px 0;
    5862. 

  5862. }
    5863. 

  5863. 

  5864. .imt-fb-more-buttons > div {
    5865. 

  5865.   margin: auto;
    5866. 

  5866. }
    5867. 

  5867. 

  5868. .imt-fb-side {
    5869. 

  5869.   border-radius: 50%;
    5870. 

  5870.   margin-bottom: 10px;
    5871. 

  5871.   cursor: pointer;
    5872. 

  5872.   pointer-events: all;
    5873. 

  5873. }
    5874. 

  5874. 

  5875. .imt-fb-side * {
    5876. 

  5876.   pointer-events: all;
    5877. 

  5877. }
    5878. 

  5878. 

  5879. .imt-fb-more-button {
    5880. 

  5880.   width: 36px;
    5881. 

  5881.   display: flex;
    5882. 

  5882.   align-items: center;
    5883. 

  5883.   justify-content: center;
    5884. 

  5884.   cursor: pointer;
    5885. 

  5885. }
    5886. 

  5886. /* Sheet.css */
    5887. 

  5887. .immersive-translate-sheet {
    5888. 

  5888.   position: fixed;
    5889. 

  5889.   transform: translateY(100%);
    5890. 

  5890.   /* Start off screen */
    5891. 

  5891.   left: 0;
    5892. 

  5892.   right: 0;
    5893. 

  5893.   background-color: white;
    5894. 

  5894.   transition: transform 0.3s ease-out;
    5895. 

  5895.   /* Smooth slide transition */
    5896. 

  5896.   box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
    5897. 

  5897.   /* Ensure it's above other content */
    5898. 

  5898.   bottom: 0;
    5899. 

  5899.   border-top-left-radius: 16px;
    5900. 

  5900.   border-top-right-radius: 16px;
    5901. 

  5901.   overflow: hidden;
    5902. 

  5902. }
    5903. 

  5903. 

  5904. .immersive-translate-sheet.visible {
    5905. 

  5905.   transform: translateY(0);
    5906. 

  5906. }
    5907. 

  5907. 

  5908. .immersive-translate-sheet-backdrop {
    5909. 

  5909.   position: fixed;
    5910. 

  5910.   top: 0;
    5911. 

  5911.   left: 0;
    5912. 

  5912.   right: 0;
    5913. 

  5913.   bottom: 0;
    5914. 

  5914.   background-color: rgba(0, 0, 0, 0.5);
    5915. 

  5915.   opacity: 0;
    5916. 

  5916.   transition: opacity 0.3s ease-out;
    5917. 

  5917. }
    5918. 

  5918. 

  5919. .immersive-translate-sheet-backdrop.visible {
    5920. 

  5920.   opacity: 1;
    5921. 

  5921. }
    5922. 

  5922. 

  5923. .popup-container-sheet {
    5924. 

  5924.   max-width: 100vw;
    5925. 

  5925.   width: 100vw;
    5926. 

  5926. }
    5927. 

  5927. 

  5928. .imt-no-events svg * {
    5929. 

  5929.   pointer-events: none !important;
    5930. 

  5930. }
    5931. 

  5931. 

  5932. .imt-manga-button {
    5933. 

  5933.   width: 36px;
    5934. 

  5934.   display: flex;
    5935. 

  5935.   flex-direction: column;
    5936. 

  5936.   position: relative;
    5937. 

  5937.   align-items: center;
    5938. 

  5938.   justify-content: center;
    5939. 

  5939.   cursor: pointer;
    5940. 

  5940.   pointer-events: all;
    5941. 

  5941.   margin: 0 0 10px 0;
    5942. 

  5942.   background-color: var(--float-ball-more-button-background-color);
    5943. 

  5943.   border-radius: 18px;
    5944. 

  5944.   filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.08));
    5945. 

  5945.   opacity: 0.5;
    5946. 

  5946.   right: 8px;
    5947. 

  5947.   padding: 10px 0 4px 0;
    5948. 

  5948. }
    5949. 

  5949. 

  5950. .imt-manga-feedback {
    5951. 

  5951.   cursor: pointer;
    5952. 

  5952.   margin-bottom: 10px;
    5953. 

  5953. }
    5954. 

  5954. 

  5955. .imt-fb-feedback {
    5956. 

  5956.   cursor: pointer;
    5957. 

  5957.   margin-top: 10px;
    5958. 

  5958. }
    5959. 

  5959. 

  5960. .imt-fb-upgrade-button {
    5961. 

  5961.   cursor: pointer;
    5962. 

  5962.   margin-top: 10px;
    5963. 

  5963. }
    5964. 

  5964. 

  5965. .imt-manga-button:hover {
    5966. 

  5966.   opacity: 1;
    5967. 

  5967. }
    5968. 

  5968. 

  5969. .imt-manga-translated {
    5970. 

  5970.   position: absolute;
    5971. 

  5971.   left: 24px;
    5972. 

  5972.   top: 20px;
    5973. 

  5973. }
    5974. 

  5974. 

  5975. .imt-float-ball-loading {
    5976. 

  5976.   animation: imt-loading-animation 0.6s infinite linear !important;
    5977. 

  5977. }
    5978. 

  5978. 

  5979. .imt-manga-guide-bg {
    5980. 

  5980.   position: absolute;
    5981. 

  5981.   left: 0;
    5982. 

  5982.   right: 0;
    5983. 

  5983.   top: 0;
    5984. 

  5984.   bottom: 0;
    5985. 

  5985.   z-index: -1;
    5986. 

  5986.   width: 372px;
    5987. 

  5987.   transform: translateY(-50%);
    5988. 

  5988. }
    5989. 

  5989. .imt-manga-guide-content {
    5990. 

  5990.   position: absolute;
    5991. 

  5991.   top: 15px;
    5992. 

  5992.   left: 0;
    5993. 

  5993.   right: 0;
    5994. 

  5994.   margin: 0 40px 0;
    5995. 

  5995. }
    5996. 

  5996. 

  5997. .img-manga-guide-button {
    5998. 

  5998.   width: fit-content;
    5999. 

  5999.   margin: 16px auto;
    6000. 

  6000. }
    6001. 

  6001. 

  6002. .img-manga-close {
    6003. 

  6003.   position: absolute;
    6004. 

  6004.   bottom: -200px;
    6005. 

  6005.   width: 32px;
    6006. 

  6006.   height: 32px;
    6007. 

  6007.   left: 0;
    6008. 

  6008.   right: 0;
    6009. 

  6009.   margin: auto;
    6010. 

  6010.   cursor: pointer;
    6011. 

  6011. }
    6012. 

  6012. 

  6013. .imt-fb-container.dragging .imt-fb-more-buttons,
    6014. 

  6014. .imt-fb-container.dragging .imt-manga-button,
    6015. 

  6015. .imt-fb-container.dragging .btn-animate:not(.imt-fb-btn) {
    6016. 

  6016.   display: none !important;
    6017. 

  6017. }
    6018. 

  6018. 

  6019. .imt-fb-container.dragging .imt-fb-btn {
    6020. 

  6020.   border-radius: 50% !important;
    6021. 

  6021.   width: 36px !important;
    6022. 

  6022.   height: 36px !important;
    6023. 

  6023.   display: flex !important;
    6024. 

  6024.   align-items: center !important;
    6025. 

  6025.   justify-content: center !important;
    6026. 

  6026.   cursor: move !important;
    6027. 

  6027. }
    6028. 

  6028. 

  6029. .imt-fb-container.dragging .imt-fb-btn div {
    6030. 

  6030.   border-radius: 50% !important;
    6031. 

  6031.   width: 36px !important;
    6032. 

  6032.   height: 36px !important;
    6033. 

  6033.   display: flex !important;
    6034. 

  6034.   align-items: center !important;
    6035. 

  6035.   justify-content: center !important;
    6036. 

  6036.   margin: 0 !important;
    6037. 

  6037. }
    6038. 

  6038. 

  6039. .imt-fb-container.dragging .imt-fb-btn.left,
    6040. 

  6040. .imt-fb-container.dragging .imt-fb-btn.right {
    6041. 

  6041.   border-radius: 50% !important;
    6042. 

  6042. }
    6043. 

  6043. 

  6044. .imt-fb-container.dragging .imt-fb-btn.left div,
    6045. 

  6045. .imt-fb-container.dragging .imt-fb-btn.right div {
    6046. 

  6046.   border-radius: 50% !important;
    6047. 

  6047. }
    6048. 

  6048. 

  6049. .imt-fb-container.dragging .imt-fb-logo-img {
    6050. 

  6050.   margin: 0 !important;
    6051. 

  6051.   padding: 4px !important;
    6052. 

  6052. }
    6053. 

  6053. 

  6054. .imt-fb-container.dragging .imt-float-ball-translated {
    6055. 

  6055.   right: 2px !important;
    6056. 

  6056.   bottom: 2px !important;
    6057. 

  6057. }
    6058. 

  6058. 

  6059. @-webkit-keyframes imt-loading-animation {
    6060. 

  6060.   from {
    6061. 

  6061.     -webkit-transform: rotate(0deg);
    6062. 

  6062.   }
    6063. 

  6063. 

  6064.   to {
    6065. 

  6065.     -webkit-transform: rotate(359deg);
    6066. 

  6066.   }
    6067. 

  6067. }
    6068. 

  6068. 

  6069. @keyframes imt-loading-animation {
    6070. 

  6070.   from {
    6071. 

  6071.     transform: rotate(0deg);
    6072. 

  6072.   }
    6073. 

  6073. 

  6074.   to {
    6075. 

  6075.     transform: rotate(359deg);
    6076. 

  6076.   }
    6077. 

  6077. }
    6078. 

  6078. </style><div id="mount" style="display: block;"><div class="imt-fb-container right notranslate " dir="ltr" style="z-index: 2147483637; pointer-events: none; right: 0px; top: 196px; display: flex;"><div hidden="" class="imt-manga-button imt-no-events btn-animate " id="manga-button" style="transform: translateX(2px);"><div style="position: relative; pointer-events: all; display: inline-block; opacity: 1;"><div><svg class="imt-manga-feedback" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.0003 14.2749C11.213 14.2749 11.3895 14.2047 11.5299 14.0643C11.6705 13.9239 11.7408 13.7473 11.7408 13.5345C11.7408 13.3218 11.6705 13.1453 11.5299 13.0049C11.3895 12.8645 11.213 12.7943 11.0003 12.7943C10.7877 12.7943 10.6111 12.8645 10.4707 13.0049C10.3302 13.1453 10.2599 13.3218 10.2599 13.5345C10.2599 13.7473 10.3302 13.9239 10.4707 14.0643C10.6111 14.2047 10.7877 14.2749 11.0003 14.2749ZM11.0003 11.0842C11.1954 11.0842 11.3587 11.0185 11.4903 10.8869C11.622 10.7552 11.6878 10.5918 11.6878 10.3967V6.23645C11.6878 6.04135 11.622 5.87803 11.4903 5.74649C11.3587 5.6148 11.1954 5.54895 11.0003 5.54895C10.8052 5.54895 10.6419 5.6148 10.5104 5.74649C10.3787 5.87803 10.3128 6.04135 10.3128 6.23645V10.3967C10.3128 10.5918 10.3787 10.7552 10.5104 10.8869C10.6419 11.0185 10.8052 11.0842 11.0003 11.0842ZM5.53562 16.8311L3.70045 18.666C3.43966 18.9269 3.13968 18.9861 2.80051 18.8434C2.4615 18.7005 2.29199 18.4434 2.29199 18.072V4.73816C2.29199 4.27509 2.45241 3.88314 2.77324 3.5623C3.09408 3.24147 3.48603 3.08105 3.9491 3.08105H18.0516C18.5146 3.08105 18.9066 3.24147 19.2274 3.5623C19.5482 3.88314 19.7087 4.27509 19.7087 4.73816V15.174C19.7087 15.637 19.5482 16.029 19.2274 16.3498C18.9066 16.6706 18.5146 16.8311 18.0516 16.8311H5.53562ZM4.95033 15.4561H18.0516C18.1221 15.4561 18.1868 15.4266 18.2454 15.3678C18.3042 15.3092 18.3337 15.2445 18.3337 15.174V4.73816C18.3337 4.66758 18.3042 4.60295 18.2454 4.54428C18.1868 4.48546 18.1221 4.45605 18.0516 4.45605H3.9491C3.87851 4.45605 3.81389 4.48546 3.75522 4.54428C3.6964 4.60295 3.66699 4.66758 3.66699 4.73816V16.7254L4.95033 15.4561Z" fill="#666666"></path></svg></div></div><div style="position: relative;"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="manhua"><path id="Vector" d="M14.8853 4.92364C14.8853 4.92364 16.3905 10.4362 22.6668 4C22.6668 4 20.3381 10.8907 25.3364 10.0843C25.3364 10.0843 22.0563 15.6994 29 18.0599C29 18.0599 22.9934 19.306 21.1617 28C21.1617 28 17.7679 24.54 14.8853 27.3549C14.8853 27.3549 13.3233 23.5724 7.33097 26.27C7.33097 26.27 10.1141 20.6549 4.83179 21.0507C4.83179 21.0507 7.16057 18.8955 3 15.9047C3 15.9047 7.50137 16.1833 6.33697 11.7117C6.33697 11.7117 10.0005 12.3421 8.66576 6.82957C8.65156 6.81491 12.4855 9.80574 14.8853 4.92364Z" fill="#ED6D8F"></path><path id="Vector_2" d="M20.8599 13.7022C20.885 13.1361 20.9543 12.5713 20.9959 12.0052C21.0337 11.568 20.8107 11.2794 20.3876 11.18C20.0759 11.1013 19.7508 11.0867 19.433 11.137C19.1951 11.1945 18.9542 11.2396 18.7113 11.2721C18.2403 11.3028 17.9973 11.5275 17.9796 11.988C17.977 12.0833 17.9596 12.1777 17.928 12.268C17.3034 13.9102 16.6774 15.5499 16.0503 17.1873C16.0301 17.2401 16.0062 17.2904 15.9671 17.3776C15.7291 16.8975 15.4281 16.4898 15.2745 15.9986C14.8073 14.5152 14.3186 13.033 13.8312 11.5594C13.6826 11.1112 13.3489 10.9344 12.8754 11.0216C12.7889 11.0365 12.7008 11.0398 12.6134 11.0314C12.2241 10.9938 11.8311 11.0404 11.4623 11.1677C11.0946 11.2991 10.9498 11.557 11.0152 11.9254C11.0428 12.0371 11.0643 12.1503 11.0795 12.2643C11.1223 13.1902 11.1777 14.1087 11.2054 15.0321C11.257 16.7992 11.2117 18.5651 11.0858 20.3284C11.0644 20.6354 11.0304 20.9424 11.0228 21.2494C11.0115 21.6092 11.1613 21.7811 11.5266 21.8143C11.9976 21.8573 12.4711 21.8708 12.9421 21.9088C13.0309 21.9201 13.121 21.9003 13.1962 21.8528C13.2714 21.8053 13.3268 21.7334 13.3527 21.6497C13.3996 21.5394 13.4252 21.4216 13.4282 21.3022C13.4295 20.8258 13.4207 20.3493 13.4081 19.8741C13.393 19.3264 13.3917 18.7763 13.3438 18.231C13.2857 17.5839 13.266 16.934 13.2847 16.2847C13.2847 16.2466 13.291 16.2073 13.2985 16.1312C13.3338 16.2024 13.3514 16.2356 13.3665 16.2712C13.9017 17.5228 14.3617 18.8037 14.7443 20.1074C14.7928 20.2421 14.7928 20.3889 14.7443 20.5237C14.6322 20.8196 14.7141 21.037 14.9659 21.1377C15.4445 21.3268 15.9331 21.4926 16.4155 21.6731C16.4865 21.7033 16.566 21.7091 16.6408 21.6895C16.7157 21.6698 16.7815 21.6259 16.8273 21.565C16.9085 21.4643 16.9743 21.3526 17.0225 21.2335C17.0537 21.1374 17.0798 21.0399 17.1006 20.9412C17.3185 20.2425 17.5653 19.5499 17.7517 18.8438C17.9785 17.9723 18.2624 17.1158 18.6018 16.2798C18.6201 16.2439 18.6411 16.2094 18.6647 16.1766C18.6761 16.2319 18.6761 16.254 18.6761 16.2761C18.6345 17.59 18.5955 18.8978 18.5501 20.2056C18.5363 20.5949 18.491 20.9829 18.4809 21.3722C18.4721 21.705 18.6207 21.8708 18.9557 21.9002C19.4355 21.9432 19.9191 21.9592 20.4002 21.9973C20.4888 22.0079 20.5784 21.9875 20.653 21.9399C20.7277 21.8922 20.7827 21.8203 20.8082 21.7369C20.8531 21.6305 20.8766 21.5167 20.8775 21.4017C20.88 20.7668 20.8674 20.132 20.8674 19.4971C20.8662 19.2846 20.8687 19.0722 20.8523 18.8622C20.8158 18.3968 20.7264 17.9314 20.7339 17.4685C20.7515 16.2122 20.8044 14.9572 20.8599 13.7022Z" fill="white"></path></g></svg><svg hidden="true" class="imt-manga-translated" width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5.5" cy="5.5" r="5.5" fill="#68CD52"></circle><path d="M1.40857 5.87858L2.24148 5.18962L4.15344 6.64214C4.15344 6.64214 6.33547 4.15566 9.00658 2.48145L9.32541 2.87514C9.32541 2.87514 6.28665 5.55844 4.71735 9.07881L1.40857 5.87858Z" fill="white"></path></svg></div><svg class="imt-float-ball-loading" hidden="true" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin: 9px;"><path d="M9.42859 0C9.84288 0 10.1929 0.387143 10.1929 0.847143V3.99429C10.1929 4.45429 9.84431 4.84143 9.42859 4.84143C9.01431 4.84143 8.66431 4.45571 8.66431 3.99429V0.847143C8.66431 0.387143 9.01288 0 9.42859 0Z" fill="#E9E9E9"></path><path d="M14.1301 1.38877C14.5158 1.62591 14.6301 2.12163 14.4258 2.52305L12.9515 5.19448C12.901 5.28714 12.8325 5.36876 12.75 5.43455C12.6675 5.50035 12.5727 5.54898 12.4712 5.5776C12.3696 5.60621 12.2634 5.61424 12.1586 5.60119C12.0539 5.58814 11.9529 5.55429 11.8615 5.50163C11.6787 5.38432 11.5468 5.20237 11.4923 4.9921C11.4377 4.78184 11.4645 4.55874 11.5672 4.36734L13.0415 1.69591C13.2686 1.29448 13.7443 1.15305 14.1301 1.38877Z" fill="#989697"></path><path d="M17.4685 4.75707C17.5813 4.95451 17.6123 5.18824 17.5549 5.40825C17.4975 5.62826 17.3563 5.81705 17.1614 5.93422L14.4971 7.52564C14.0971 7.76993 13.6014 7.62422 13.3657 7.20707C13.2532 7.00994 13.2222 6.77667 13.2793 6.55702C13.3365 6.33737 13.4771 6.14874 13.6714 6.03136L16.3357 4.43993C16.7371 4.21993 17.2557 4.34136 17.4685 4.7585V4.75707Z" fill="#9B999A"></path><path d="M18.8572 9.42835C18.8572 9.84263 18.47 10.1926 18.01 10.1926H14.8629C14.4029 10.1926 14.0157 9.84406 14.0157 9.42835C14.0157 9.01406 14.4029 8.66406 14.8629 8.66406H18.01C18.47 8.66406 18.8572 9.01263 18.8572 9.42835Z" fill="#A3A1A2"></path><path d="M17.4686 14.1303C17.3515 14.3134 17.1697 14.4455 16.9594 14.5003C16.7491 14.5552 16.5259 14.5286 16.3343 14.426L13.6629 12.9517C13.5702 12.9012 13.4886 12.8327 13.4228 12.7503C13.357 12.6678 13.3084 12.573 13.2798 12.4714C13.2512 12.3698 13.2431 12.2636 13.2562 12.1589C13.2692 12.0542 13.3031 11.9532 13.3558 11.8617C13.4731 11.6789 13.655 11.547 13.8653 11.4925C14.0755 11.4379 14.2986 11.4647 14.49 11.5674L17.1615 13.0417C17.5629 13.2689 17.7043 13.7446 17.4686 14.1303Z" fill="#ABA9AA"></path><path opacity="0.7" d="M14.1 17.4686C13.9026 17.5814 13.6689 17.6124 13.4489 17.555C13.2288 17.4976 13.04 17.3564 12.9229 17.1615L11.3315 14.4972C11.0872 14.0972 11.2329 13.6015 11.65 13.3658C11.8472 13.2533 12.0804 13.2224 12.3001 13.2795C12.5197 13.3366 12.7084 13.4773 12.8257 13.6715L14.4172 16.3358C14.6372 16.7372 14.5157 17.2558 14.0986 17.4686H14.1Z" fill="#B2B2B2"></path><path opacity="0.6" d="M9.42859 18.8571C9.01431 18.8571 8.66431 18.4699 8.66431 18.0099V14.8628C8.66431 14.4028 9.01288 14.0156 9.42859 14.0156C9.84288 14.0156 10.1929 14.4028 10.1929 14.8628V18.0099C10.1929 18.4699 9.84431 18.8571 9.42859 18.8571Z" fill="#BAB8B9"></path><path opacity="0.5" d="M4.72717 17.4685C4.5441 17.3514 4.41195 17.1696 4.35713 16.9593C4.30231 16.749 4.32885 16.5258 4.43145 16.3342L5.90574 13.6628C5.95622 13.5701 6.02472 13.4885 6.1072 13.4227C6.18969 13.3569 6.2845 13.3083 6.38606 13.2797C6.48762 13.251 6.59387 13.243 6.69857 13.2561C6.80327 13.2691 6.90431 13.303 6.99574 13.3556C7.38145 13.5914 7.49431 14.0885 7.29002 14.4899L5.81574 17.1614C5.5886 17.5628 5.11288 17.7042 4.72717 17.4685Z" fill="#C2C0C1"></path><path opacity="0.4" d="M1.38862 14.1002C1.27584 13.9027 1.24483 13.669 1.30223 13.449C1.35964 13.229 1.50089 13.0402 1.69576 12.923L4.36004 11.3316C4.76004 11.0873 5.25576 11.233 5.49147 11.6502C5.60393 11.8473 5.63491 12.0806 5.5778 12.3002C5.52069 12.5199 5.38 12.7085 5.18576 12.8259L2.52004 14.4173C2.12004 14.6373 1.60004 14.5159 1.38862 14.0987V14.1002Z" fill="#CBCBCB"></path><path d="M0 9.42835C0 9.01406 0.387143 8.66406 0.847143 8.66406H3.99429C4.45429 8.66406 4.84143 9.01263 4.84143 9.42835C4.84143 9.84263 4.45571 10.1926 3.99429 10.1926H0.847143C0.387143 10.1926 0 9.84406 0 9.42835Z" fill="#D2D2D2"></path><path opacity="0.2" d="M1.38852 4.72705C1.50561 4.54398 1.68746 4.41183 1.89774 4.35701C2.10803 4.30219 2.33125 4.32873 2.52281 4.43133L5.19424 5.90562C5.28689 5.9561 5.36851 6.0246 5.43431 6.10708C5.5001 6.18957 5.54874 6.28438 5.57735 6.38594C5.60597 6.48749 5.61399 6.59375 5.60094 6.69845C5.5879 6.80315 5.55405 6.90419 5.50138 6.99562C5.38407 7.17844 5.20212 7.31029 4.99186 7.36484C4.78159 7.4194 4.55849 7.39263 4.3671 7.2899L1.69567 5.81562C1.29424 5.58847 1.15281 5.11276 1.38852 4.72705Z" fill="#DADADA"></path><path d="M4.75719 1.38849C4.95463 1.27571 5.18837 1.24471 5.40838 1.30211C5.62838 1.35952 5.81718 1.50077 5.93434 1.69564L7.52577 4.35992C7.77005 4.75992 7.62434 5.25564 7.20719 5.49135C7.01006 5.60381 6.77679 5.63479 6.55714 5.57768C6.33749 5.52056 6.14886 5.37988 6.03148 5.18564L4.44005 2.51992C4.22005 2.11992 4.34148 1.59992 4.75862 1.38849H4.75719Z" fill="#E2E2E2"></path></svg></div><div style="position: relative; pointer-events: all; display: inline-block; opacity: 1;"><div><div style="display: flex; align-items: center; flex-direction: row;"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: block; opacity: 0;"><g clip-path="url(#clip0_2589_9951)"><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM4.183 5.064L6.118 7L4.183 8.936C4.12409 8.99361 4.07719 9.06234 4.04502 9.1382C4.01285 9.21406 3.99605 9.29554 3.99559 9.37794C3.99513 9.46034 4.01101 9.54201 4.04234 9.61823C4.07366 9.69444 4.11978 9.76369 4.17805 9.82195C4.23631 9.88022 4.30556 9.92634 4.38177 9.95766C4.45799 9.98898 4.53966 10.0049 4.62206 10.0044C4.70446 10.004 4.78594 9.98715 4.8618 9.95498C4.93766 9.92281 5.00639 9.87591 5.064 9.817L7 7.882L8.936 9.817C9.05327 9.93168 9.21104 9.99548 9.37506 9.99457C9.53908 9.99365 9.69612 9.92809 9.8121 9.8121C9.92809 9.69612 9.99365 9.53908 9.99457 9.37506C9.99548 9.21104 9.93168 9.05327 9.817 8.936L7.882 7L9.817 5.064C9.87591 5.00639 9.92281 4.93766 9.95498 4.8618C9.98715 4.78594 10.004 4.70446 10.0044 4.62206C10.0049 4.53966 9.98898 4.45799 9.95766 4.38177C9.92634 4.30556 9.88022 4.23631 9.82195 4.17805C9.76369 4.11978 9.69444 4.07366 9.61823 4.04234C9.54201 4.01101 9.46034 3.99513 9.37794 3.99559C9.29554 3.99605 9.21406 4.01285 9.1382 4.04502C9.06234 4.07719 8.99361 4.12409 8.936 4.183L7 6.118L5.064 4.183C4.94673 4.06832 4.78896 4.00452 4.62494 4.00543C4.46092 4.00635 4.30388 4.07191 4.1879 4.1879C4.07191 4.30388 4.00635 4.46092 4.00543 4.62494C4.00452 4.78896 4.06832 4.94673 4.183 5.064Z" fill="#B1B1B1" fill-opacity="0.32"></path></g><defs><clippath id="clip0_2589_9951"><rect width="14" height="14" fill="white"></rect></clippath></defs></svg><div class="imt-fb-btn  right btn-animate " dir="ltr" style="transform: translateX(15px); opacity: 0.7;"><div><svg class="imt-fb-logo-img imt-fb-logo-img-big-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"><path fill="none" d="M0 0h24v24H0z"></path><path d="M5 15v2a2 2 0 0 0 1.85 1.995L7 19h3v2H7a4 4 0 0 1-4-4v-2h2zm13-5l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16 10h2zm-1 2.885L15.753 16h2.492L17 12.885zM8 2v2h4v7H8v3H6v-3H2V4h4V2h2zm9 1a4 4 0 0 1 4 4v2h-2V7a2 2 0 0 0-2-2h-3V3h3zM6 6H4v3h2V6zm4 0H8v3h2V6z" fill="rgba(255,255,255,1)"></path></svg><svg hidden="true" class="imt-float-ball-translated" width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="5.5" cy="5.5" r="5.5" fill="#68CD52"></circle><path d="M1.40857 5.87858L2.24148 5.18962L4.15344 6.64214C4.15344 6.64214 6.33547 4.15566 9.00658 2.48145L9.32541 2.87514C9.32541 2.87514 6.28665 5.55844 4.71735 9.07881L1.40857 5.87858Z" fill="white"></path></svg></div></div><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none; opacity: 0;"><g clip-path="url(#clip0_2589_9951)"><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM4.183 5.064L6.118 7L4.183 8.936C4.12409 8.99361 4.07719 9.06234 4.04502 9.1382C4.01285 9.21406 3.99605 9.29554 3.99559 9.37794C3.99513 9.46034 4.01101 9.54201 4.04234 9.61823C4.07366 9.69444 4.11978 9.76369 4.17805 9.82195C4.23631 9.88022 4.30556 9.92634 4.38177 9.95766C4.45799 9.98898 4.53966 10.0049 4.62206 10.0044C4.70446 10.004 4.78594 9.98715 4.8618 9.95498C4.93766 9.92281 5.00639 9.87591 5.064 9.817L7 7.882L8.936 9.817C9.05327 9.93168 9.21104 9.99548 9.37506 9.99457C9.53908 9.99365 9.69612 9.92809 9.8121 9.8121C9.92809 9.69612 9.99365 9.53908 9.99457 9.37506C9.99548 9.21104 9.93168 9.05327 9.817 8.936L7.882 7L9.817 5.064C9.87591 5.00639 9.92281 4.93766 9.95498 4.8618C9.98715 4.78594 10.004 4.70446 10.0044 4.62206C10.0049 4.53966 9.98898 4.45799 9.95766 4.38177C9.92634 4.30556 9.88022 4.23631 9.82195 4.17805C9.76369 4.11978 9.69444 4.07366 9.61823 4.04234C9.54201 4.01101 9.46034 3.99513 9.37794 3.99559C9.29554 3.99605 9.21406 4.01285 9.1382 4.04502C9.06234 4.07719 8.99361 4.12409 8.936 4.183L7 6.118L5.064 4.183C4.94673 4.06832 4.78896 4.00452 4.62494 4.00543C4.46092 4.00635 4.30388 4.07191 4.1879 4.1879C4.07191 4.30388 4.00635 4.46092 4.00543 4.62494C4.00452 4.78896 4.06832 4.94673 4.183 5.064Z" fill="#B1B1B1" fill-opacity="0.32"></path></g><defs><clippath id="clip0_2589_9951"><rect width="14" height="14" fill="white"></rect></clippath></defs></svg></div></div></div><div style="position: relative; width: 100%; opacity: 0;"><div title="关闭悬浮球" class="imt-fb-close-button" style="transform: translateX(100%);"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2589_9951)"><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM4.183 5.064L6.118 7L4.183 8.936C4.12409 8.99361 4.07719 9.06234 4.04502 9.1382C4.01285 9.21406 3.99605 9.29554 3.99559 9.37794C3.99513 9.46034 4.01101 9.54201 4.04234 9.61823C4.07366 9.69444 4.11978 9.76369 4.17805 9.82195C4.23631 9.88022 4.30556 9.92634 4.38177 9.95766C4.45799 9.98898 4.53966 10.0049 4.62206 10.0044C4.70446 10.004 4.78594 9.98715 4.8618 9.95498C4.93766 9.92281 5.00639 9.87591 5.064 9.817L7 7.882L8.936 9.817C9.05327 9.93168 9.21104 9.99548 9.37506 9.99457C9.53908 9.99365 9.69612 9.92809 9.8121 9.8121C9.92809 9.69612 9.99365 9.53908 9.99457 9.37506C9.99548 9.21104 9.93168 9.05327 9.817 8.936L7.882 7L9.817 5.064C9.87591 5.00639 9.92281 4.93766 9.95498 4.8618C9.98715 4.78594 10.004 4.70446 10.0044 4.62206C10.0049 4.53966 9.98898 4.45799 9.95766 4.38177C9.92634 4.30556 9.88022 4.23631 9.82195 4.17805C9.76369 4.11978 9.69444 4.07366 9.61823 4.04234C9.54201 4.01101 9.46034 3.99513 9.37794 3.99559C9.29554 3.99605 9.21406 4.01285 9.1382 4.04502C9.06234 4.07719 8.99361 4.12409 8.936 4.183L7 6.118L5.064 4.183C4.94673 4.06832 4.78896 4.00452 4.62494 4.00543C4.46092 4.00635 4.30388 4.07191 4.1879 4.1879C4.07191 4.30388 4.00635 4.46092 4.00543 4.62494C4.00452 4.78896 4.06832 4.94673 4.183 5.064Z" fill="#B1B1B1" fill-opacity="0.32"></path></g><defs><clippath id="clip0_2589_9951"><rect width="14" height="14" fill="white"></rect></clippath></defs></svg></div></div><div class="imt-fb-more-buttons btn-animate" style="margin-top: 10px; transform: translateX(60px);"><div class="btn-animate" style="position: relative; pointer-events: all; display: inline-block; opacity: 1;"><div><div class="imt-fb-more-button"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 22px; height: 22px;"><path d="M13.0613 2.29199C13.441 2.29199 13.7497 2.59985 13.7498 2.97949V4.44824C14.3012 4.68016 14.8216 4.98041 15.2976 5.34277L16.5701 4.6084C16.7278 4.5175 16.9157 4.49304 17.0916 4.54004C17.2676 4.58718 17.4183 4.70266 17.5096 4.86035L19.5721 8.43262C19.6632 8.59049 19.6875 8.77802 19.6404 8.9541C19.5933 9.13021 19.4779 9.28082 19.3201 9.37207L18.0476 10.1064C18.1222 10.7001 18.1222 11.3009 18.0476 11.8945L19.3201 12.6299C19.3983 12.675 19.4673 12.735 19.5223 12.8066C19.5772 12.8783 19.6171 12.9606 19.6404 13.0479C19.6637 13.135 19.6698 13.226 19.658 13.3154C19.6461 13.4048 19.6172 13.4913 19.5721 13.5693L17.5096 17.1416C17.3199 17.47 16.8991 17.5822 16.5701 17.3926L15.2976 16.6572C14.8217 17.0198 14.3012 17.3207 13.7498 17.5527V19.0205C13.7498 19.4003 13.4411 19.709 13.0613 19.709H8.93632C8.55667 19.7088 8.24882 19.4002 8.24882 19.0205V17.5527C7.69719 17.3208 7.17712 17.0197 6.70097 16.6572L5.4285 17.3926C5.2706 17.4837 5.08215 17.5081 4.90604 17.4609C4.73011 17.4137 4.58023 17.2983 4.48905 17.1406L2.42655 13.5684C2.33542 13.4105 2.31007 13.223 2.35722 13.0469C2.40436 12.8708 2.5197 12.7202 2.67753 12.6289L3.94999 11.8945C3.87541 11.3009 3.87543 10.7001 3.94999 10.1064L2.67753 9.37109C2.51984 9.27988 2.4044 9.13004 2.35722 8.9541C2.31007 8.77799 2.33542 8.58954 2.42655 8.43164L4.48905 4.85938C4.58024 4.70185 4.73026 4.58724 4.90604 4.54004C5.08215 4.49289 5.2706 4.51727 5.4285 4.6084L6.70097 5.34277C7.17703 4.9802 7.69724 4.67935 8.24882 4.44727V2.97949C8.24896 2.59994 8.55676 2.29213 8.93632 2.29199H13.0613ZM9.50956 3.55273V5.28516L8.7371 5.60938C8.28138 5.80109 7.85337 6.0502 7.46366 6.34668L6.79765 6.85449L5.29374 5.98633L3.80448 8.56641L5.30546 9.43262L5.20097 10.2637C5.13953 10.753 5.13951 11.248 5.20097 11.7373L5.30546 12.5674L3.80448 13.4346L5.29374 16.0146L6.79667 15.1465L7.46464 15.6543C7.85612 15.9522 8.28357 16.2 8.7371 16.3906L9.50956 16.7148V18.4482H12.4881V16.7148L13.2615 16.3906C13.7171 16.1989 14.1444 15.9507 14.534 15.6543L15.201 15.1465L16.7039 16.0146L18.1941 13.4346L16.6922 12.5674L16.7976 11.7373C16.8591 11.248 16.859 10.7529 16.7976 10.2637L16.6922 9.43262L18.1941 8.56641L16.7049 5.98633L15.201 6.85449L14.533 6.34668C14.1438 6.05076 13.7173 5.80152 13.2605 5.61035L12.4881 5.28516V3.55273H9.50956ZM10.9998 7.79199C11.8506 7.79209 12.6668 8.12985 13.2683 8.73145C13.8699 9.33305 14.2077 10.1492 14.2078 11C14.2078 11.8507 13.8698 12.6669 13.2683 13.2686C12.6668 13.8701 11.8506 14.2089 10.9998 14.209C10.1489 14.209 9.33292 13.8702 8.73124 13.2686C8.12956 12.6669 7.79081 11.8509 7.79081 11C7.7909 10.1492 8.12964 9.33305 8.73124 8.73145C9.33288 8.12998 10.1491 7.79199 10.9998 7.79199ZM10.9998 9.05273C10.4831 9.05273 9.98719 9.25772 9.62186 9.62305C9.2567 9.98829 9.05164 10.4835 9.05155 11C9.05155 11.5167 9.25653 12.0126 9.62186 12.3779C9.98719 12.7432 10.4832 12.9482 10.9998 12.9482C11.5162 12.9481 12.0115 12.7431 12.3767 12.3779C12.7421 12.0126 12.9471 11.5167 12.9471 11C12.947 10.4835 12.742 9.9883 12.3767 9.62305C12.0115 9.2578 11.5163 9.05283 10.9998 9.05273Z" fill="#666666"></path></svg></div></div></div><div class="btn-animate" style="position: relative; pointer-events: all; display: inline-block; opacity: 1;"><div><svg class="imt-fb-feedback" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.0003 14.2749C11.213 14.2749 11.3895 14.2047 11.5299 14.0643C11.6705 13.9239 11.7408 13.7473 11.7408 13.5345C11.7408 13.3218 11.6705 13.1453 11.5299 13.0049C11.3895 12.8645 11.213 12.7943 11.0003 12.7943C10.7877 12.7943 10.6111 12.8645 10.4707 13.0049C10.3302 13.1453 10.2599 13.3218 10.2599 13.5345C10.2599 13.7473 10.3302 13.9239 10.4707 14.0643C10.6111 14.2047 10.7877 14.2749 11.0003 14.2749ZM11.0003 11.0842C11.1954 11.0842 11.3587 11.0185 11.4903 10.8869C11.622 10.7552 11.6878 10.5918 11.6878 10.3967V6.23645C11.6878 6.04135 11.622 5.87803 11.4903 5.74649C11.3587 5.6148 11.1954 5.54895 11.0003 5.54895C10.8052 5.54895 10.6419 5.6148 10.5104 5.74649C10.3787 5.87803 10.3128 6.04135 10.3128 6.23645V10.3967C10.3128 10.5918 10.3787 10.7552 10.5104 10.8869C10.6419 11.0185 10.8052 11.0842 11.0003 11.0842ZM5.53562 16.8311L3.70045 18.666C3.43966 18.9269 3.13968 18.9861 2.80051 18.8434C2.4615 18.7005 2.29199 18.4434 2.29199 18.072V4.73816C2.29199 4.27509 2.45241 3.88314 2.77324 3.5623C3.09408 3.24147 3.48603 3.08105 3.9491 3.08105H18.0516C18.5146 3.08105 18.9066 3.24147 19.2274 3.5623C19.5482 3.88314 19.7087 4.27509 19.7087 4.73816V15.174C19.7087 15.637 19.5482 16.029 19.2274 16.3498C18.9066 16.6706 18.5146 16.8311 18.0516 16.8311H5.53562ZM4.95033 15.4561H18.0516C18.1221 15.4561 18.1868 15.4266 18.2454 15.3678C18.3042 15.3092 18.3337 15.2445 18.3337 15.174V4.73816C18.3337 4.66758 18.3042 4.60295 18.2454 4.54428C18.1868 4.48546 18.1221 4.45605 18.0516 4.45605H3.9491C3.87851 4.45605 3.81389 4.48546 3.75522 4.54428C3.6964 4.60295 3.66699 4.66758 3.66699 4.73816V16.7254L4.95033 15.4561Z" fill="#666666"></path></svg></div></div></div></div></div></template></div></html>
    6079.