123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078 |
- <!DOCTYPE html>
- <!-- saved from url=(0031)http://127.0.0.1:5500/page.html -->
- <html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>铁卫哨兵——工业智能检测系统</title>
- <link rel="stylesheet" href="./铁卫哨兵——工业智能检测系统1_files/reveal.min.css">
- <link rel="stylesheet" href="./铁卫哨兵——工业智能检测系统1_files/dark.min.css">
- <link rel="stylesheet" href="./铁卫哨兵——工业智能检测系统1_files/all.min.css">
- <script src="./铁卫哨兵——工业智能检测系统1_files/echarts.min.js.下载"></script>
- <style>
- :root {
- --primary-color: #4A4A4A; /* 哑光银灰 - 主色 */
- --secondary-color: #FF2E2E; /* 雷达红 - 辅色 */
- --accent-color: #FF7D00; /* 警示橙 */
- --cyber-blue: #0D19A3; /* 量子蓝 */
- --text-default-color: #4238b1;
- --background-color: #207f31;
- }
-
- body {
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- background-color: var(--background-color);
- }
-
- .reveal {
- background-color: var(--background-color);
- color: var(--text-default-color);
- }
-
- .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
- color: var(--primary-color);
- font-weight: bold;
- text-transform: uppercase;
- letter-spacing: 2px;
- }
-
- .reveal p {
- color: var(--secondary-color);
- line-height: 1.8;
- }
-
- /* 自定义背景样式 */
- .template-cover {
- background: linear-gradient(to bottom, #121212, #333333);
- background-image:
- 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"),
- radial-gradient(circle at center, rgba(13, 25, 163, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
- position: relative;
- }
-
- .template-cover::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background:
- radial-gradient(circle at 20% 30%, rgba(255, 125, 0, 0.3) 0%, transparent 30%),
- radial-gradient(circle at 80% 70%, rgba(255, 46, 46, 0.2) 0%, transparent 20%);
- z-index: 1;
- }
-
- .template-page {
- background: var(--background-color);
- position: relative;
- }
-
- .template-page::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background:
- linear-gradient(to bottom, var(--primary-color) 0%, transparent 10%),
- linear-gradient(to top, var(--primary-color) 0%, transparent 10%),
- linear-gradient(to right, var(--accent-color) 0%, transparent 10%),
- linear-gradient(to left, var(--cyber-blue) 0%, transparent 10%);
- z-index: 0;
- }
-
- .content-box {
- position: relative;
- z-index: 2;
- padding: 20px;
- background-color: rgba(255, 255, 255, 0.9);
- border-radius: 10px;
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
- }
-
- .grid-container {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- gap: 20px;
- }
-
- .grid-item {
- flex: 1 1 calc(50% - 10px);
- min-width: 300px;
- }
-
- .highlight {
- color: var(--accent-color);
- font-weight: bold;
- }
-
- .tech-card {
- background-color: rgba(74, 74, 74, 0.1);
- border-left: 4px solid var(--secondary-color);
- padding: 15px;
- border-radius: 0 8px 8px 0;
- transition: transform 0.3s ease;
- }
-
- .tech-card:hover {
- transform: translateY(-5px);
- }
-
- .data-pair {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 15px 0;
- }
-
- .data-value {
- font-size: 1.5rem;
- font-weight: bold;
- }
-
- .data-label {
- color: var(--primary-color);
- font-weight: normal;
- }
-
- .comparison-table {
- width: 100%;
- border-collapse: collapse;
- margin: 20px 0;
- }
-
- .comparison-table th, .comparison-table td {
- padding: 12px 15px;
- text-align: left;
- border-bottom: 1px solid #eee;
- }
-
- .comparison-table th {
- background-color: var(--primary-color);
- color: white;
- }
-
- .comparison-table tr:nth-child(even) {
- background-color: rgba(74, 74, 74, 0.05);
- }
-
- .highlight-row {
- background-color: rgba(255, 46, 46, 0.1) !important;
- }
-
- .timeline {
- position: relative;
- max-width: 800px;
- margin: 0 auto;
- }
-
- .timeline::after {
- content: '';
- position: absolute;
- width: 4px;
- background-color: var(--primary-color);
- top: 0;
- bottom: 0;
- left: 50%;
- margin-left: -2px;
- }
-
- .timeline-item {
- padding: 10px 40px;
- position: relative;
- width: 50%;
- box-sizing: border-box;
- }
-
- .timeline-item:nth-child(odd) {
- left: 0;
- }
-
- .timeline-item:nth-child(even) {
- left: 50%;
- }
-
- .timeline-item::after {
- content: '';
- position: absolute;
- width: 20px;
- height: 20px;
- right: -10px;
- background-color: var(--background-color);
- border: 4px solid var(--secondary-color);
- top: 15px;
- border-radius: 50%;
- z-index: 1;
- }
-
- .timeline-item:nth-child(even)::after {
- left: -10px;
- }
-
- .timeline-content {
- padding: 20px;
- background-color: white;
- position: relative;
- border-radius: 8px;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
- }
-
- .timeline-content::before {
- content: '';
- position: absolute;
- width: 0;
- height: 0;
- border-style: solid;
- }
-
- .timeline-item:nth-child(odd) .timeline-content::before {
- border-width: 10px 15px 10px 0;
- border-color: transparent var(--secondary-color) transparent transparent;
- right: 15px;
- top: 15px;
- }
-
- .timeline-item:nth-child(even) .timeline-content::before {
- border-width: 10px 0 10px 15px;
- border-color: transparent transparent transparent var(--secondary-color);
- left: 15px;
- top: 15px;
- }
-
- .weapon-card {
- display: flex;
- align-items: center;
- gap: 15px;
- margin: 15px 0;
- }
-
- .weapon-icon {
- width: 50px;
- height: 50px;
- background-color: var(--primary-color);
- color: white;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 1.5rem;
- }
-
- .weapon-content h4 {
- margin-top: 0;
- }
-
- @media screen and (max-width: 768px) {
- .timeline::after {
- left: 31px;
- }
-
- .timeline-item {
- width: 100%;
- padding-left: 70px;
- padding-right: 25px;
- }
-
- .timeline-item:nth-child(even) {
- left: 0;
- }
-
- .timeline-item:nth-child(odd)::after,
- .timeline-item:nth-child(even)::after {
- left: 21px;
- }
-
- .timeline-item:nth-child(odd) .timeline-content::before,
- .timeline-item:nth-child(even) .timeline-content::before {
- border-width: 10px 15px 10px 0;
- border-color: transparent var(--secondary-color) transparent transparent;
- right: 15px;
- left: auto;
- }
- }
- </style>
- <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}
- /*!
- Theme: GitHub
- Description: Light theme as seen on github.com
- Author: github.com
- Maintainer: @Hirse
- Updated: 2021-05-15
- Outdated base version: https://github.com/primer/github-syntax-light
- Current colors taken from GitHub's CSS
- */.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 {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- z-index: 2147483647;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .immersive-translate-attach-loading::after {
- content: " ";
- --loading-color: #f78fb6;
- width: 6px;
- height: 6px;
- border-radius: 50%;
- display: block;
- margin: 12px auto;
- position: relative;
- color: white;
- left: -100px;
- box-sizing: border-box;
- animation: immersiveTranslateShadowRolling 1.5s linear infinite;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-2000%, -50%);
- z-index: 100;
- }
- .immersive-translate-loading-spinner {
- vertical-align: middle !important;
- width: 10px !important;
- height: 10px !important;
- display: inline-block !important;
- margin: 0 4px !important;
- border: 2px rgba(221, 244, 255, 0.6) solid !important;
- border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
- border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
- border-radius: 50% !important;
- padding: 0 !important;
- -webkit-animation: immersive-translate-loading-animation 0.6s infinite linear !important;
- animation: immersive-translate-loading-animation 0.6s infinite linear !important;
- }
- @-webkit-keyframes immersive-translate-loading-animation {
- from {
- -webkit-transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(359deg);
- }
- }
- @keyframes immersive-translate-loading-animation {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(359deg);
- }
- }
- .immersive-translate-input-loading {
- --loading-color: #f78fb6;
- width: 6px;
- height: 6px;
- border-radius: 50%;
- display: block;
- margin: 12px auto;
- position: relative;
- color: white;
- left: -100px;
- box-sizing: border-box;
- animation: immersiveTranslateShadowRolling 1.5s linear infinite;
- }
- @keyframes immersiveTranslateShadowRolling {
- 0% {
- box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),
- 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
- }
- 12% {
- box-shadow: 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0),
- 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
- }
- 25% {
- box-shadow: 110px 0 var(--loading-color), 100px 0 var(--loading-color),
- 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
- }
- 36% {
- box-shadow: 120px 0 var(--loading-color), 110px 0 var(--loading-color),
- 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0);
- }
- 50% {
- box-shadow: 130px 0 var(--loading-color), 120px 0 var(--loading-color),
- 110px 0 var(--loading-color), 100px 0 var(--loading-color);
- }
- 62% {
- box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color),
- 120px 0 var(--loading-color), 110px 0 var(--loading-color);
- }
- 75% {
- box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
- 130px 0 var(--loading-color), 120px 0 var(--loading-color);
- }
- 87% {
- box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
- 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color);
- }
- 100% {
- box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
- 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
- }
- }
- .immersive-translate-toast {
- display: flex;
- position: fixed;
- z-index: 2147483647;
- left: 0;
- right: 0;
- top: 1%;
- width: fit-content;
- padding: 12px 20px;
- margin: auto;
- overflow: auto;
- background: #fef6f9;
- box-shadow: 0px 4px 10px 0px rgba(0, 10, 30, 0.06);
- font-size: 15px;
- border-radius: 8px;
- color: #333;
- }
- .immersive-translate-toast-content {
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- .immersive-translate-toast-hidden {
- margin: 0 20px 0 72px;
- text-decoration: underline;
- cursor: pointer;
- }
- .immersive-translate-toast-close {
- color: #666666;
- font-size: 20px;
- font-weight: bold;
- padding: 0 10px;
- cursor: pointer;
- }
- @media screen and (max-width: 768px) {
- .immersive-translate-toast {
- top: 0;
- padding: 12px 0px 0 10px;
- }
- .immersive-translate-toast-content {
- flex-direction: column;
- text-align: center;
- }
- .immersive-translate-toast-hidden {
- margin: 10px auto;
- }
- }
- .immersive-translate-modal {
- display: none;
- position: fixed;
- z-index: 2147483647;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- overflow: auto;
- background-color: rgb(0, 0, 0);
- background-color: rgba(0, 0, 0, 0.4);
- font-size: 15px;
- }
- .immersive-translate-modal-content {
- background-color: #fefefe;
- margin: 10% auto;
- padding: 40px 24px 24px;
- border: 1px solid #888;
- border-radius: 10px;
- width: 80%;
- max-width: 270px;
- font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
- "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
- "Segoe UI Symbol", "Noto Color Emoji";
- position: relative;
- }
- @media screen and (max-width: 768px) {
- .immersive-translate-modal-content {
- margin: 50% auto !important;
- }
- }
- .immersive-translate-modal .immersive-translate-modal-content-in-input {
- max-width: 500px;
- }
- .immersive-translate-modal-content-in-input .immersive-translate-modal-body {
- text-align: left;
- max-height: unset;
- }
- .immersive-translate-modal-title {
- text-align: center;
- font-size: 16px;
- font-weight: 700;
- color: #333333;
- }
- .immersive-translate-modal-body {
- text-align: center;
- font-size: 14px;
- font-weight: 400;
- color: #333333;
- word-break: break-all;
- margin-top: 24px;
- }
- @media screen and (max-width: 768px) {
- .immersive-translate-modal-body {
- max-height: 250px;
- overflow-y: auto;
- }
- }
- .immersive-translate-close {
- color: #666666;
- position: absolute;
- right: 16px;
- top: 16px;
- font-size: 20px;
- font-weight: bold;
- }
- .immersive-translate-close:hover,
- .immersive-translate-close:focus {
- color: black;
- text-decoration: none;
- cursor: pointer;
- }
- .immersive-translate-modal-footer {
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- margin-top: 24px;
- }
- .immersive-translate-btn {
- width: fit-content;
- color: #fff;
- background-color: #ea4c89;
- border: none;
- font-size: 16px;
- margin: 0 8px;
- padding: 9px 30px;
- border-radius: 5px;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- transition: background-color 0.3s ease;
- }
- .immersive-translate-btn:hover {
- background-color: #f082ac;
- }
- .immersive-translate-btn:disabled {
- opacity: 0.6;
- cursor: not-allowed;
- }
- .immersive-translate-btn:disabled:hover {
- background-color: #ea4c89;
- }
- .immersive-translate-cancel-btn {
- /* gray color */
- background-color: rgb(89, 107, 120);
- }
- .immersive-translate-cancel-btn:hover {
- background-color: hsl(205, 20%, 32%);
- }
- .immersive-translate-action-btn {
- background-color: transparent;
- color: #ea4c89;
- border: 1px solid #ea4c89;
- }
- .immersive-translate-btn svg {
- margin-right: 5px;
- }
- .immersive-translate-link {
- cursor: pointer;
- user-select: none;
- -webkit-user-drag: none;
- text-decoration: none;
- color: #007bff;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
- }
- .immersive-translate-primary-link {
- cursor: pointer;
- user-select: none;
- -webkit-user-drag: none;
- text-decoration: none;
- color: #ea4c89;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
- }
- .immersive-translate-modal input[type="radio"] {
- margin: 0 6px;
- cursor: pointer;
- }
- .immersive-translate-modal label {
- cursor: pointer;
- }
- .immersive-translate-close-action {
- position: absolute;
- top: 2px;
- right: 0px;
- cursor: pointer;
- }
- .imt-image-status {
- background-color: rgba(0, 0, 0, 0.5) !important;
- display: flex !important;
- flex-direction: column !important;
- align-items: center !important;
- justify-content: center !important;
- border-radius: 16px !important;
- }
- .imt-image-status img,
- .imt-image-status svg,
- .imt-img-loading {
- width: 28px !important;
- height: 28px !important;
- margin: 0 0 8px 0 !important;
- min-height: 28px !important;
- min-width: 28px !important;
- position: relative !important;
- }
- .imt-img-loading {
- 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=");
- background-size: 28px 28px;
- animation: image-loading-rotate 1s linear infinite !important;
- }
- .imt-image-status span {
- color: var(--bg-2, #fff) !important;
- font-size: 14px !important;
- line-height: 14px !important;
- font-weight: 500 !important;
- font-family: "PingFang SC", Arial, sans-serif !important;
- }
- @keyframes image-loading-rotate {
- from {
- transform: rotate(360deg);
- }
- to {
- transform: rotate(0deg);
- }
- }
- </style></head>
- <body>
- <div class="reveal">
- <div class="slides">
- <!-- 封面页 -->
- <section class="template-cover" data-background-transition="slide">
- <div class="content-box" style="text-align: center; max-width: 800px; margin: 0 auto;">
- <h1 style="color: rgb(30, 165, 131); text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);">铁卫哨兵</h1>
- <h3 style="color: rgb(13, 79, 66); margin-bottom: 40px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);">工业智能检测系统</h3>
- <p style="color: rgba(23, 74, 118, 0.8); font-size: 1.2rem; max-width: 600px; margin: 0 auto;">毫秒级故障排查检测,年省百万运维成本</p>
- <div style="margin-top: 60px; display: flex; justify-content: center; gap: 20px;">
- <div class="weapon-icon" style="background-color: var(--accent-color);">
- <i class="fas fa-shield-alt"></i>
- </div>
- <div class="weapon-icon" style="background-color: var(--cyber-blue);">
- <i class="fas fa-bolt"></i>
- </div>
- <div class="weapon-icon" style="background-color: var(--secondary-color);">
- <i class="fas fa-exclamation-triangle"></i>
- </div>
- </div>
- </div>
- </section>
-
- <!-- 目录页 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h2 style="text-align: center; margin-bottom: 40px;">目录</h2>
- <div style="display: flex; justify-content: center; align-items: center; height: 300px; position: relative;">
- <svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
- <circle cx="200" cy="150" r="100" fill="none" stroke="var(--primary-color)" stroke-width="4"></circle>
- <path d="M200 50 L200 100" stroke="var(--primary-color)" stroke-width="4" stroke-dasharray="5,5"></path>
- <path d="M200 200 L200 250" stroke="var(--primary-color)" stroke-width="4" stroke-dasharray="5,5"></path>
- <path d="M50 150 L100 150" stroke="var(--primary-color)" stroke-width="4" stroke-dasharray="5,5"></path>
- <path d="M300 150 L350 150" stroke="var(--primary-color)" stroke-width="4" stroke-dasharray="5,5"></path>
- <circle cx="200" cy="75" r="15" fill="var(--secondary-color)"></circle>
- <circle cx="200" cy="225" r="15" fill="var(--secondary-color)"></circle>
- <circle cx="75" cy="150" r="15" fill="var(--secondary-color)"></circle>
- <circle cx="325" cy="150" r="15" fill="var(--secondary-color)"></circle>
- <!-- Code injected by live-server -->
- <script>
- // <-- For SVG support
- if ('WebSocket' in window) {
- (function () {
- function refreshCSS() {
- var sheets = [].slice.call(document.getElementsByTagName("link"));
- var head = document.getElementsByTagName("head")[0];
- for (var i = 0; i < sheets.length; ++i) {
- var elem = sheets[i];
- var parent = elem.parentElement || head;
- parent.removeChild(elem);
- var rel = elem.rel;
- if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
- var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
- elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
- }
- parent.appendChild(elem);
- }
- }
- var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
- var address = protocol + window.location.host + window.location.pathname + '/ws';
- var socket = new WebSocket(address);
- socket.onmessage = function (msg) {
- if (msg.data == 'reload') window.location.reload();
- else if (msg.data == 'refreshcss') refreshCSS();
- };
- if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
- console.log('Live reload enabled.');
- sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
- }
- })();
- }
- else {
- console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
- }
- //
- </script>
- </svg>
- <div style="position: absolute; width: 100%; text-align: center; top: 30%;">
- <p style="font-size: 1.5rem; color: var(--primary-color);">工业痛点</p>
- </div>
- <div style="position: absolute; width: 100%; text-align: center; top: 70%;">
- <p style="font-size: 1.5rem; color: var(--primary-color);">价值验证</p>
- </div>
- <div style="position: absolute; width: 100%; text-align: center; left: 20%; top: 50%; transform: rotate(-90deg); transform-origin: left center;">
- <p style="font-size: 1.5rem; color: var(--primary-color); writing-mode: vertical-rl; text-orientation: mixed;">核心技术</p>
- </div>
- <div style="position: absolute; width: 100%; text-align: center; right: 20%; top: 50%; transform: rotate(90deg); transform-origin: right center;">
- <p style="font-size: 1.5rem; color: var(--primary-color); writing-mode: vertical-rl; text-orientation: mixed;">场景实战</p>
- </div>
- </div>
- <div style="margin-top: 40px; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;">
- <div class="tech-card" style="flex: 1 1 calc(25% - 20px); min-width: 200px;">
- <h3>1. 工业痛点</h3>
- <p>设备失控的百万成本黑洞</p>
- </div>
- <div class="tech-card" style="flex: 1 1 calc(25% - 20px); min-width: 200px;">
- <h3>2. 核心技术</h3>
- <p>铁卫哨兵技术矩阵</p>
- </div>
- <div class="tech-card" style="flex: 1 1 calc(25% - 20px); min-width: 200px;">
- <h3>3. 场景实战</h3>
- <p>从预警到决策的闭环</p>
- </div>
- <div class="tech-card" style="flex: 1 1 calc(25% - 20px); min-width: 200px;">
- <h3>4. 价值验证</h3>
- <p>数据驱动的运维革命</p>
- </div>
- </div>
- </div>
- </section>
-
- <!-- 工业痛点 - 成本危机可视化 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h2>1. 工业痛点</h2>
- <h3>成本危机可视化</h3>
- <div class="grid-container">
- <div class="grid-item">
- <h4>人工巡检效率分析</h4>
- <div class="data-pair">
- <span class="data-label">漏检率</span>
- <span class="data-value highlight">>30%</span>
- </div>
- <div class="data-pair">
- <span class="data-label">突发停机损失</span>
- <span class="data-value highlight">$38,000/小时</span>
- </div>
- <div class="data-pair">
- <span class="data-label">年平均停机时间</span>
- <span class="data-value highlight">120小时</span>
- </div>
- <div class="data-pair">
- <span class="data-label">直接经济损失</span>
- <span class="data-value highlight">$456万/年</span>
- </div>
- </div>
- <div class="grid-item">
- <h4>传统方案效能瓶颈</h4>
- <div class="data-pair">
- <span class="data-label">误报率</span>
- <span class="data-value highlight">>40%</span>
- </div>
- <div class="data-pair">
- <span class="data-label">无效运维耗时</span>
- <span class="data-value highlight">200h/月</span>
- </div>
- <div class="data-pair">
- <span class="data-label">维护成本增长率</span>
- <span class="data-value highlight">20%/年</span>
- </div>
- <div class="data-pair">
- <span class="data-label">产能损失</span>
- <span class="data-value highlight">15%/年</span>
- </div>
- </div>
- </div>
- <div style="margin-top: 30px; text-align: center;">
- <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">
- <p style="margin-top: 10px; font-size: 0.9rem; color: var(--primary-color);">故障设备爆炸分解图(标注隐藏损伤点)</p>
- </div>
- </div>
- </section>
-
- <!-- 工业痛点 - 多维痛点拆解 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h2>多维痛点拆解</h2>
- <div class="grid-container">
- <div class="grid-item">
- <h4>设备维度痛点</h4>
- <p>机械、电气、热工异常耦合,传统单点检测无法识别复合故障,如轴承磨损引发的齿轮箱振动异常与温度升高交叉影响。</p>
- </div>
- <div class="grid-item">
- <h4>时间维度痛点</h4>
- <p>缺乏毫秒级响应能力,从异常发生到人工发现通常需要数小时,导致故障蔓延,如液压系统泄漏未及时发现引发设备卡死。</p>
- </div>
- </div>
- <div class="grid-container">
- <div class="grid-item">
- <h4>成本维度痛点</h4>
- <p>维护费用年增长20%,主要源于被动维修成本高企;同时产能损失15%,设备非计划停机导致订单交付延迟。</p>
- </div>
- <div class="grid-item">
- <h4>数据维度痛点</h4>
- <p>设备数据碎片化,缺乏统一分析平台,无法形成故障预测模型,经验依赖严重,新员工培训成本高。</p>
- </div>
- </div>
- <div style="margin-top: 30px; text-align: center;">
- <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">
- <p style="margin-top: 10px; font-size: 0.9rem; color: var(--primary-color);">故障树根因分析动效(从叶片断裂溯源至轴承磨损)</p>
- </div>
- </div>
- </section>
-
- <!-- 工业痛点 - 竞品致命伤 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h2>竞品致命伤</h2>
- <p style="text-align: center; margin-bottom: 30px; font-size: 1.2rem;">铁卫哨兵 vs 德国工业检测方案</p>
- <div style="overflow-x: auto;">
- <table class="comparison-table" data-extentions-extra-tablecapture-id="427332">
- <thead>
- <tr>
- <th>能力</th>
- <th>德国方案</th>
- <th>铁卫哨兵</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>响应延迟</td>
- <td>2.5s</td>
- <td class="highlight-row"><strong>0.05s</strong></td>
- </tr>
- <tr>
- <td>复合故障检出率</td>
- <td>68%</td>
- <td class="highlight-row"><strong>94%</strong></td>
- </tr>
- <tr>
- <td>多设备协同监测</td>
- <td>仅支持单设备</td>
- <td class="highlight-row"><strong>支持产线级联动分析</strong></td>
- </tr>
- <tr>
- <td>国产化成本</td>
- <td>$500k/产线</td>
- <td class="highlight-row"><strong>$50k/产线</strong></td>
- </tr>
- <tr>
- <td>AI预测模型</td>
- <td>静态阈值</td>
- <td class="highlight-row"><strong>动态自适应调参</strong></td>
- </tr>
- <tr>
- <td>部署周期</td>
- <td>12-16周</td>
- <td class="highlight-row"><strong>2-4周</strong></td>
- </tr>
- </tbody>
- </table>
- </div>
- <div style="display: flex; justify-content: center; align-items: center; margin: 40px 0;">
- <div style="width: 300px; height: 200px; position: relative;">
- <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;">
- 进口设备
- </div>
- <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>
- </div>
- <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;">
- <i class="fas fa-shield-alt"></i>
- </div>
- <div style="width: 300px; height: 200px; position: relative;">
- <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;">
- 铁卫哨兵
- </div>
- </div>
- </div>
- <script>
- function animateBreak() {
- 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)');
- breakLine.style.animation = 'break 1s ease-in-out';
- }
-
- document.addEventListener('DOMContentLoaded', animateBreak);
- </script>
- </div>
- </section>
-
- <!-- 核心技术 - 技术架构 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h2>2. 破局利器</h2>
- <h3>技术架构(军工机甲概念图)</h3>
- <div style="display: flex; flex-direction: column; align-items: center; margin: 30px 0;">
- <div style="width: 80%; max-width: 800px; position: relative;">
- <div style="position: relative; padding: 30px; background-color: rgba(74, 74, 74, 0.05); border-radius: 10px;">
- <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;">
- 铁卫哨兵技术架构
- </div>
-
- <div style="display: flex; flex-direction: column; align-items: center; gap: 30px;">
- <div style="width: 100%; display: flex; justify-content: center; gap: 20px;">
- <div class="tech-card" style="flex: 1; text-align: center;">
- <h4>感知层</h4>
- <p>振动/温度/液压传感器<br>装甲接缝监测点</p>
- </div>
- <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;">
- <i class="fas fa-arrow-down"></i>
- </div>
- <div class="tech-card" style="flex: 1; text-align: center;">
- <h4>边缘层</h4>
- <p>微型哨兵机甲<br>就地决策系统<br>头盔AR界面</p>
- </div>
- </div>
-
- <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;">
- <i class="fas fa-arrow-down"></i>
- </div>
-
- <div style="width: 100%; display: flex; justify-content: center; gap: 20px;">
- <div class="tech-card" style="flex: 1; text-align: center;">
- <h4>云端层</h4>
- <p>指挥中心<br>数字孪生系统<br>全息战场沙盘</p>
- </div>
- <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;">
- <i class="fas fa-arrow-right"></i>
- </div>
- <div class="tech-card" style="flex: 1; text-align: center;">
- <h4>应用层</h4>
- <p>故障预警<br>维护决策<br>产能优化</p>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <div style="margin-top: 40px; background-color: rgba(13, 25, 163, 0.1); padding: 20px; border-radius: 10px; width: 80%; max-width: 800px;">
- <h4 style="color: var(--cyber-blue); text-align: center; margin-bottom: 20px;">核心技术指标</h4>
- <div class="grid-container">
- <div class="grid-item">
- <div class="data-pair">
- <span class="data-label">数据吞吐量</span>
- <span class="data-value highlight">10万点/秒</span>
- </div>
- </div>
- <div class="grid-item">
- <div class="data-pair">
- <span class="data-label">数据可靠性</span>
- <span class="data-value highlight">99.99%零丢失</span>
- </div>
- </div>
- <div class="grid-item">
- <div class="data-pair">
- <span class="data-label">故障预测准确率</span>
- <span class="data-value highlight">94%+</span>
- </div>
- </div>
- <div class="grid-item">
- <div class="data-pair">
- <span class="data-label">系统可用性</span>
- <span class="data-value highlight">99.98%</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <!-- 核心技术 - AI预测引擎 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h3>AI预测引擎(雷达图作战演示)</h3>
- <div class="grid-container">
- <div class="grid-item">
- <h4>动态阈值算法</h4>
- <p style="background-color: rgba(74, 74, 74, 0.05); padding: 15px; border-radius: 8px;">
- <code style="font-family: monospace; color: var(--secondary-color);">阈值 = μ(历史) ± k×σ</code>
- </p>
- <p>基于历史数据均值(μ)与标准差(σ)动态计算阈值,k值根据设备健康状态实时调参,解决传统静态阈值误报率高的问题。</p>
- <p style="margin-top: 20px; font-weight: bold; color: var(--accent-color);">优势:</p>
- <ul style="padding-left: 20px; margin-top: 10px;">
- <li>自适应设备老化过程</li>
- <li>智能过滤环境干扰</li>
- <li>减少90%以上误报警</li>
- </ul>
- </div>
- <div class="grid-item">
- <h4>贝叶斯网络诊断</h4>
- <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;">
- <div style="margin-bottom: 20px;">
- <p style="font-weight: bold; color: var(--primary-color); margin-bottom: 10px;">故障推理示例</p>
- <div style="display: flex; align-items: center; gap: 10px; margin: 10px 0;">
- <div style="width: 40px; height: 40px; background-color: var(--accent-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
- <i class="fas fa-tachometer-alt"></i>
- </div>
- <span>液压压力↑</span>
- </div>
- <div style="display: flex; align-items: center; gap: 10px; margin: 10px 0;">
- <div style="width: 40px; height: 40px; background-color: var(--accent-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
- <i class="fas fa-thermometer-quarter"></i>
- </div>
- <span>油温↑</span>
- </div>
- <div style="display: flex; align-items: center; gap: 10px; margin: 10px 0; margin-left: 50px;">
- <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;">
- <i class="fas fa-plus"></i>
- </div>
- </div>
- <div style="display: flex; align-items: center; gap: 10px; margin: 10px 0;">
- <div style="width: 40px; height: 40px; background-color: var(--secondary-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
- <i class="fas fa-wind"></i>
- </div>
- <span>振动阈值↓20%</span>
- </div>
- </div>
- <div style="background-color: rgba(255, 46, 46, 0.1); padding: 15px; border-radius: 8px;">
- <p style="font-weight: bold; color: var(--secondary-color); margin-bottom: 5px;">预测结果:</p>
- <p>液压系统泄漏概率78%,建议24小时内安排检修</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <!-- 核心技术 - 三维作战看板 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h3>三维作战看板</h3>
- <p style="text-align: center; margin: 30px 0; font-size: 1.2rem;">铁卫哨兵指挥中心交互原型</p>
- <div style="display: flex; justify-content: center; margin: 30px 0;">
- <div style="width: 90%; max-width: 1200px; height: 500px; background-color: #121212; border-radius: 10px; overflow: hidden; position: relative;">
- <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:
- linear-gradient(to right, rgba(74, 74, 74, 0.3) 0%, rgba(74, 74, 74, 0.1) 100%),
- url('https://picsum.photos/id/117/1200/500') center/cover no-repeat;">
- </div>
- <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; display: flex; gap: 20px;">
- <div style="flex: 1; background-color: rgba(0, 0, 0, 0.6); border-radius: 8px; padding: 15px; display: flex; flex-direction: column;">
- <h4 style="color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; margin-top: 0;">设备健康矩阵</h4>
- <div style="flex: 1; overflow-y: auto; padding: 10px 0;">
- <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;">
- <div style="width: 40px; height: 40px; background-color: #4CAF50; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white;">
- <i class="fas fa-check"></i>
- </div>
- <div>
- <p style="color: white; margin: 0;">冲压机床 #101</p>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">健康状态: 良好</p>
- </div>
- </div>
- <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;">
- <div style="width: 40px; height: 40px; background-color: #FFC107; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white;">
- <i class="fas fa-exclamation-triangle"></i>
- </div>
- <div>
- <p style="color: white; margin: 0;">注塑机 #203</p>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">健康状态: 预警</p>
- </div>
- </div>
- <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;">
- <div style="width: 40px; height: 40px; background-color: #F44336; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white;">
- <i class="fas fa-times"></i>
- </div>
- <div>
- <p style="color: white; margin: 0;">切割机 #305</p>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">健康状态: 故障</p>
- </div>
- </div>
- </div>
- </div>
-
- <div style="flex: 2; background-color: rgba(0, 0, 0, 0.6); border-radius: 8px; padding: 15px; display: flex; flex-direction: column;">
- <h4 style="color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; margin-top: 0;">实时频谱作战地图</h4>
- <div style="flex: 1; background-color: rgba(13, 25, 163, 0.3); border-radius: 5px; position: relative; overflow: hidden;">
- <canvas id="spectrumChart" style="width: 100%; height: 100%;"></canvas>
- </div>
- </div>
-
- <div style="flex: 1; background-color: rgba(0, 0, 0, 0.6); border-radius: 8px; padding: 15px; display: flex; flex-direction: column;">
- <h4 style="color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; margin-top: 0;">应急武器库</h4>
- <div style="flex: 1; overflow-y: auto; padding: 10px 0;">
- <div style="background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 15px; margin-bottom: 15px;">
- <h5 style="color: white; margin-top: 0; margin-bottom: 10px;">维护工单</h5>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin-bottom: 5px;">切割机 #305 振动异常</p>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">优先级: 高 | 截止时间: 今天18:00</p>
- </div>
-
- <div style="background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 15px; margin-bottom: 15px;">
- <h5 style="color: white; margin-top: 0; margin-bottom: 10px;">AR维修指南</h5>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin-bottom: 5px;">液压系统泄漏维修流程</p>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 0;">查看3D动画演示</p>
- </div>
-
- <div style="background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 15px;">
- <h5 style="color: white; margin-top: 0; margin-bottom: 10px;">备件库存</h5>
- <div style="display: flex; justify-content: space-between; align-items: center; margin: 5px 0;">
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin: 0;">轴承组件 #A123</p>
- <p style="color: white; font-weight: bold; margin: 0;">12 件</p>
- </div>
- <div style="display: flex; justify-content: space-between; align-items: center; margin: 5px 0;">
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin: 0;">密封圈 #B456</p>
- <p style="color: white; font-weight: bold; margin: 0;">35 件</p>
- </div>
- <div style="display: flex; justify-content: space-between; align-items: center; margin: 5px 0;">
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; margin: 0;">传感器 #C789</p>
- <p style="color: white; font-weight: bold; margin: 0;">8 件</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <!-- 核心技术 - 工业美学设计 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h3>工业美学设计</h3>
- <div class="grid-container">
- <div class="grid-item">
- <h4>设计语言</h4>
- <div style="margin: 20px 0;">
- <h5 style="color: var(--primary-color); margin-bottom: 10px;">色彩系统</h5>
- <div style="display: flex; gap: 10px;">
- <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;">
- 装甲灰<br>#4A4A4A
- </div>
- <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;">
- 雷达红<br>#FF2E2E
- </div>
- <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;">
- 警示橙<br>#FF7D00
- </div>
- <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;">
- 量子蓝<br>#0D19A3
- </div>
- </div>
- </div>
-
- <div>
- <h5 style="color: var(--primary-color); margin-bottom: 10px;">控件设计</h5>
- <ul style="padding-left: 20px; margin-top: 10px;">
- <li><strong>铆钉式按钮</strong>:模拟工业设备铆钉结构,金属质感+红色警示</li>
- <li><strong>防爆舱仪表盘</strong>:圆形刻度盘+指针式显示,装甲灰边框</li>
- <li><strong>军用级警示灯</strong>:旋转式红灯+蜂鸣器图标,故障时脉冲闪烁</li>
- <li><strong>金属拉丝面板</strong>:背景采用细腻的金属拉丝纹理,增强工业质感</li>
- </ul>
- </div>
- </div>
-
- <div class="grid-item">
- <h4>界面设计案例</h4>
- <div style="background-color: #121212; border-radius: 8px; overflow: hidden; margin-bottom: 20px;">
- <div style="height: 300px; background: linear-gradient(to right, #4A4A4A, #333333); display: flex; align-items: center; justify-content: center;">
- <img src="./铁卫哨兵——工业智能检测系统1_files/116-600x300.jpg" alt="工业界面设计" style="max-width: 100%; height: auto;" data-extentions-extra-ocr-id="ea6f6dcc9b597a237f086929c89310be">
- </div>
- <div style="padding: 15px; background-color: rgba(255, 255, 255, 0.05);">
- <p style="color: white; margin: 0;">汽车缸体加工机床监控界面</p>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 5px 0;">金属拉丝面板+铆钉式控件+实时数据仪表盘</p>
- </div>
- </div>
-
- <div style="background-color: #121212; border-radius: 8px; overflow: hidden;">
- <div style="height: 300px; background: linear-gradient(to right, #4A4A4A, #333333); display: flex; align-items: center; justify-content: center;">
- <img src="./铁卫哨兵——工业智能检测系统1_files/115-600x300.jpg" alt="工业界面设计" style="max-width: 100%; height: auto;" data-extentions-extra-ocr-id="4dac952e3abb48920aea8bbeb0ee9909">
- </div>
- <div style="padding: 15px; background-color: rgba(255, 255, 255, 0.05);">
- <p style="color: white; margin: 0;">生产线健康状态总览界面</p>
- <p style="color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; margin: 5px 0;">防爆舱仪表盘+军用级警示灯+数据可视化图表</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <!-- 场景实战 - 液压系统歼灭战 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h2>3. 场景实战</h2>
- <h3>液压系统歼灭战</h3>
- <div style="margin: 30px 0;">
- <div class="timeline">
- <div class="timeline-item">
- <div class="timeline-content">
- <h4>压力突变检测</h4>
- <p>铁卫哨兵系统检测到液压系统压力在200ms内骤降35%,触发一级预警</p>
- </div>
- </div>
- <div class="timeline-item">
- <div class="timeline-content">
- <h4>油温超限确认</h4>
- <p>同步检测到液压油温度升高12℃,超过正常工作范围,确认存在异常</p>
- </div>
- </div>
- <div class="timeline-item">
- <div class="timeline-content">
- <h4>自动降压保护</h4>
- <p>系统自动启动降压保护程序,将系统压力降至安全阈值,防止故障扩大</p>
- </div>
- </div>
- <div class="timeline-item">
- <div class="timeline-content">
- <h4>维修工单生成</h4>
- <p>基于贝叶斯网络诊断,推测为液压阀泄漏,自动生成维修工单并推送</p>
- </div>
- </div>
- <div class="timeline-item">
- <div class="timeline-content">
- <h4>维修验收完成</h4>
- <p>维修团队更换液压阀后,系统检测各项指标恢复正常,验收通过</p>
- </div>
- </div>
- </div>
- </div>
- <div style="display: flex; justify-content: center; margin: 40px 0;">
- <div style="width: 80%; max-width: 800px; background-color: rgba(13, 25, 163, 0.1); border-radius: 10px; padding: 30px; text-align: center;">
- <h3 style="color: var(--cyber-blue); margin-bottom: 20px;">战役成果</h3>
- <p style="font-size: 1.5rem; color: var(--primary-color); margin: 10px 0;">避免 $120k 液压缸爆裂事故</p>
- <div style="display: flex; justify-content: center; gap: 40px; margin: 30px 0;">
- <div>
- <p style="font-size: 2rem; color: var(--accent-color); margin: 0;">98%</p>
- <p style="color: var(--primary-color); margin: 5px 0;">故障精准定位率</p>
- </div>
- <div>
- <p style="font-size: 2rem; color: var(--accent-color); margin: 0;">15分钟</p>
- <p style="color: var(--primary-color); margin: 5px 0;">从预警到维修完成</p>
- </div>
- <div>
- <p style="font-size: 2rem; color: var(--accent-color); margin: 0;">0</p>
- <p style="color: var(--primary-color); margin: 5px 0;">生产停机损失</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <!-- 场景实战 - 主轴保卫战 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h3>主轴保卫战</h3>
- <div class="grid-container">
- <div class="grid-item">
- <h4>预测模型</h4>
- <p style="background-color: rgba(74, 74, 74, 0.05); padding: 15px; border-radius: 8px; font-family: monospace;">
- 退化指数DI = (高频能量/总能量) × 温变速率
- </p>
- <p>通过分析主轴振动信号的高频能量占比与温度变化速率,构建设备退化指数模型,实现主轴剩余寿命预测。</p>
-
- <div style="margin-top: 30px;">
- <h5 style="color: var(--primary-color); margin-bottom: 15px;">传统维护 vs 预测性维护</h5>
- <div class="comparison-table" style="font-size: 0.9rem;">
-
-
- 指标
- 传统维护
- 铁卫哨兵
-
-
-
-
- 维护策略
- 定时更换
- 基于状态
-
-
- 更换周期
- 40天
- 动态预测
-
-
- 备件库存成本
- 高
- 降低40%
-
-
- 非计划停机
- 常见
- 几乎为零
-
-
- 维护成本
- $25,000/次
- $12,000/次
-
-
- </div>
- </div>
- </div>
-
- <div class="grid-item">
- <h4>预测可视化</h4>
- <div style="display: flex; justify-content: center; margin: 30px 0;">
- <div style="width: 300px; height: 300px; position: relative;">
- <svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
- <circle cx="150" cy="150" r="120" fill="none" stroke="#eee" stroke-width="10"></circle>
- <circle id="lifeCircle" cx="150" cy="150" r="120" fill="none" stroke="#FF2E2E" stroke-width="10" stroke-dasharray="753.98" stroke-dashoffset="0"></circle>
- <text x="150" y="150" font-size="24" text-anchor="middle" dominant-baseline="middle" fill="var(--primary-color)">0天</text>
- <text x="150" y="180" font-size="14" text-anchor="middle" dominant-baseline="middle" fill="var(--primary-color)">剩余寿命</text>
- <!-- Code injected by live-server -->
- <script>
- // <-- For SVG support
- if ('WebSocket' in window) {
- (function () {
- function refreshCSS() {
- var sheets = [].slice.call(document.getElementsByTagName("link"));
- var head = document.getElementsByTagName("head")[0];
- for (var i = 0; i < sheets.length; ++i) {
- var elem = sheets[i];
- var parent = elem.parentElement || head;
- parent.removeChild(elem);
- var rel = elem.rel;
- if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
- var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
- elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
- }
- parent.appendChild(elem);
- }
- }
- var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
- var address = protocol + window.location.host + window.location.pathname + '/ws';
- var socket = new WebSocket(address);
- socket.onmessage = function (msg) {
- if (msg.data == 'reload') window.location.reload();
- else if (msg.data == 'refreshcss') refreshCSS();
- };
- if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
- console.log('Live reload enabled.');
- sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
- }
- })();
- }
- else {
- console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
- }
- //
- </script>
- </svg>
- </div>
- </div>
- <p style="text-align: center; color: var(--primary-color); margin-top: 20px;">主轴寿命沙漏(剩余寿命从 <span class="highlight">40天→精准预测</span>)</p>
-
- <div style="margin-top: 30px; background-color: rgba(255, 46, 46, 0.1); border-radius: 8px; padding: 20px;">
- <h4 style="color: var(--secondary-color); margin-top: 0; text-align: center;">战役成果</h4>
- <p style="text-align: center; margin: 10px 0;">成功将主轴更换周期从固定40天优化为动态预测,</p>
- <p style="text-align: center; margin: 10px 0;">平均延长主轴使用寿命22%,年节省维护成本$85,000</p>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <!-- 场景实战 - 多战线协同作战 -->
- <section class="template-page" data-background-transition="slide">
- <div class="content-box">
- <h3>多战线协同作战</h3>
- <p style="text-align: center; margin: 30px 0; font-size: 1.2rem;">铁卫哨兵指挥中心作战流程</p>
- <div style="display: flex; flex-direction: column; align-items: center; margin: 30px 0;">
- <div style="width: 80%; max-width: 800px; position: relative;">
- <div style="position: relative; padding: 30px; background-color: rgba(74, 74, 74, 0.05); border-radius: 10px;">
- <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;">
- 多设备协同监测与联动响应
- </div>
-
- <div style="display: flex; flex-direction: column; align-items: center; gap: 30px;">
- <div style="width: 100%; display: flex; justify-content: space-around; gap: 20px;">
- <div class="weapon-card">
- <div class="weapon-icon" style="background-color: var(--accent-color);">
- <i class="fas fa-bell"></i>
- </div>
- <div>
- <h4>实时告警</h4>
- <p>多设备异常同步检测,优先级自动排序</p>
- </div>
- </div>
-
- <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;">
- <i class="fas fa-arrow-right"></i>
- </div>
- </div>
-
- <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;">
- <i class="fas fa-brain"></i>
- </div>
-
- <div style="width: 100%; display: flex; justify-content: space-around; gap: 20px;">
- <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;">
- <i class="fas fa-arrow-right"></i>
- </div>
-
- <div class="weapon-card">
- <div class="weapon-icon" style="background-color: var(--secondary-color);">
- <i class="fas fa-glasses"></i>
- </div>
- <div>
- <h4>AR透视诊断</h4>
- <p>三维可视化故障定位,维修步骤引导</p>
- </div>
- </div>
- </div>
-
- <div style="width: 100%; display: flex; justify-content: space-around; gap: 20px;">
- <div class="weapon-card">
- <div class="weapon-icon" style="background-color: var(--accent-color);">
- <i class="fas fa-tasks"></i>
- </div>
- <div>
- <h4>工单派发</h4>
- <p>自动匹配维修团队,备件库存检查</p>
- </div>
- </div>
-
- <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;">
- <i class="fas fa-arrow-right"></i>
- </div>
- </div>
-
- <div style="width: 100%; display: flex; justify-content: space-around; gap: 20px;">
- <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;">
- </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("#bgblur_0_8118_40266_clip_path"); 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,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAA/1BMVEX///8AAAD9/f36+voFBQWnp6f19fUICAj39/fQ0NDz8/Pg4OAWFhbp6env7+8/Pz/j4+PV1dXc3NxNTU3IyMh3d3cmJibm5uYhISG6urpcXFyMjIxkZGTs7OyTk5Nzc3MZGRmjo6NPT084ODiPj4+GhobBwcEeHh4LCwsoKChJSUlqamq+vr6Li4vX19eysrJ7e3upqakQEBC3t7eWlpYxMTEvLy+0tLRsbGzNzc1TU1PLy8vDw8OYmJhDQ0N+fn6BgYFnZ2c7OzugoKBhYWFfX1+urq4qKiqbm5uIiIiDg4MTExNWVlZwcHDS0tJZWVk1NTVGRkbFxcWrq6udnZ3CHnM0AAAhRElEQVR42uyZfVfaMBTGyW0ghdoWW9LabdUxLSvKxKrTKU7t3HzZ5lZfvv9nWRpGQ6CscMbYPzyew0mf3l7yaxpuGktLLbXUUksttdRSSy1GUCQRypowaJRgNIk4XygeJzKLfFCoyRm/mAXysthGt/uDf6fe7R6rma0ed7u+zyxltdt9nI4DvG5XE4cs8wlvXJgFak5EaaMClbPQc4Q+8IaHEPEz2yAItVrMMu4RMktTSVlB6KMAsRF6xRtvUIHuJoI4/w3k8H+BgB2GG5A2WmH4bQjkWxg+njHLoGH4MBUHqGvh/rM4PA3DHZgDCF55vZKnUAbxXdcA3g3XdUVCYEeK4ro6GK7L+YoFuuvWSlJmMSIr+dovBnlr1HIVyI/WLaVdDmJRulc7oHQLCjtcpvQZeM8ppfUepV8VZl2JiBal73iaDCTcreXquhhkTck//XJ8jvDADkJE30PofTHIC4S2OcgqQrhxhdDrCrNsceE7hJwRkHp+Km+KEVFK04KIyT4bSGl6ECJAJE0NwmvaoLqBBNK3701znQeemOaDcWuaMcDg5ISCB5emSXk+7dw83z0wzVPla2pldbBsmi9yQEQWHjUDCNQPhnUmg3Bl5bi44g48KUJ8gggSEiCM25B64ykzjEgTDetGBiknyXfYSZJ3/R5kt+tnkqwbn5KkKif1N5kl7vP3JIm0zWRz9ThJttVs+Kwk2dxtJskpbCTJV3lEGmhY+7V5gawj1BaTXdz3I4Q2eEGUk+oYoTMB0kZoXcyRLKrKrGo6R5S0IEogMAOI+BK0NhUI8MkuaRYQXAACAgTGQYp/taYDeaT0JaR1ZARki9KDyh6lluzXKKWaAHlJ6ZmeWieUBkoW5TKrzuvIFaXXeSMy/0erpuv+SApmGdwCXddVlX0At3xdr8H4yKdRipqmMdIonUUpqZVm5hGLAVnH+EZOARcYJ9wyQoxbLYxDYwPjc0gwvsj5tlWCSaOJ8dvKF4zfKK8x/vgDY3LyEuM2LBAEIWfkFmcFUax+NxAy4T1Ce3kgeLgg8tVvNkdGQeCfgrRLsuYIssARqXve6Luf5XkNSM8pHc/zfc/rKLue14OG51k5c6TGogzX81qw6nlVaHleveYxS/O8swXOESuKDqAVRT14iiJtQjKolssd8KKoqkZRpGtR9ASNKOrAQRRxNmDWtZLFGyzK5/5ZFDVgESCijqiEOZNAskeL15EyQkRNF428jvBrxuvICQzeEGFxkz0FUQTIuO4ngDiTQariVXchIIeEHJW2CblX9gmJJo0IJeQBNgm51ENCHiNC9tXPhNhwRMghv6ZJyJqaxf8gJKxCif2dErIzLxB4ejusB5BAlEpFBbVSUaDCPvIgQI5SVQBVrYCiqn2Ld0BJ/d/hADwqFQ+QQXprw705qswAoqiS5BHpxPEFbMVxWfkQx72cZFYcf6g8xfEWBHF8DbIu47gD2UYeJ9qI4xY/9NLMh3F8Ja9+oTLWm3m8IRbPkT/VETHZc7aD8la/4/nnAFL8qyVA7mcHgdxl/L8DObbtHbiw7Vvl1LZbeYXbtk9rz7ZN4d62myMgO7bdHQF5YdsH/Ny1bcdwadtb8wBZaZZz9SIDAWWw0ZK2sgb0G31LRPUt4FbWyL0QxIWijhyWc7U3h51GuHKc7f6tPHKcY55sy3He8IbBrB7vT+A4X3iUf8Ms4DXScfqlzmo7N9XSb6u/a7HrODer/GTsOHsL2TIVq18x2eVFY1YQxRtiznbQwLJhvCD+LUh7WpB2IQj8EQTngpzMCwSmA+kFwS30f2WCoP84dILgmVsqs+r8nBcETZ61dscsHtUNgog3/Lvgrj+LmfXUxw2CO52fjILg+G83sa+2CrTLgsCwrLr4b1XWgLpm+aBZlsoN37LckmtpBliaVqlpmga6ZrksSjMUi0XVNItZlqX3R5dFqYal1ZmlcQu6Rb0RxXh2SY9Wzi6Kzx+totWv/GIlVr/SLsp0mj8IpCBUTPZxEEWAyHu/OftaixAHgalBLgYg4WBEMBuRfwsCMNgnHpEw+I7PL9qthi1tJAibzRchgSOhykJEoxJrisGzetoEbcUPsDZKafv/f8vN7krGQJDIedvnSdnJ7kxes7vzGcPozQR6+ZieYTRkwzA0TmkYhsNIlRKQylXDeCKmYZiM1NbYqLZh2IzkcDaMVOKcHcOozT5EtrO8Oao6FK73UFV7bdCg1R4j7atqn5FMksI9BBI5VlVx+IBfezIT247A1eU/OQ3p56rqcBacxtsQSOJYVtVzJky4uky+9gScuTAZhDUaqnpcKvBG7iXpBx+nfZQkF962ZMM6suRPknRbBtNuB8dmrd+c/MiCZCjZKGz9MvmNK0k6k/+SpG4ZVuj5CWZeCwKh80C8OSClfCDos+frqtWBHBUEsrZjeQHXAqWfnnf65Fme88ezRnLL8h61M8v7jU8QW9bf8kfPE0vR96wJySZ3vnnebh6Qa8+7z+aC5JHliUTiqeftERC2zUfanudVXM/6Kseeta19tLzmvufRIkBk5pAyHsIhZZ6prLFLibmt6JnCBXro6gq3laTPN3V1Z0GknLPni1bS5HQO806BqRgq3GMhjD0b+1V4x/PN/iUZHwnDP0k2yfdkfIo3T5LkkQhHIklEqO44SdbJ9ngs1l4vSVoYu66Ox2NhyJyOE1/YAONkLGL2W+PkuzxIxk0zAVI6R75NkotFYY0/4+TvgkjEHuG/0j2CNxcYjVyPoIdIsvmRV4xGDJmi/M/crssH8kWS9grigFNrARA0498GZO0dgXTfAETuxrFYWidxfCv7cbyFjIAksm7yOI7FAlDjGJZWHIulZcfx+MXSSuJYLK1OHD9wci2Jk+elFce+fBvHTTMWJNFKd5xzfvuTgLA3FG4JH1Vc2KbM9ISzmm46QX/uphOzPbGfkQ0Kwv+AjnNwIm8ZEnIo0OwNSp0dSn/yKdoepb8NSjcaXOQdpZjCIR1K68i3T2lQfaB0LFxdYNM/ApI4iyaU3jgbdMPIkXhP6VfORjuj9MgGYZUtSkW1hAZsmhfApn1F6S6JKd0qiiQChdRje4QD4QrxA6xkYQhhVjejEHGPZDzEfW7GZ7O6KChb+ZDukalC5JwJV4hNYFPhe2RPkh7WigJJNfvaCkBSzY5mPAJRVgCiP5solS/LgZBMUWHFDd125LqnfFfIp6FrN1zXFdv42A0Pcd6F6+4gkJrrdrRD1z0Wrm7HDWs9IAkr8Y/rRm1g00jDxNj6bngv9sqW6/YqTNiHMLwRpE7oOqYbdrQmE7bjur8W46hEkSGbUeTgTgTSE3Givsm75X4UlQTSjHatRZGNXRhl8L2PJ0c76keEc7b7/bYWRVFZ2Nv9yEGDoNLv2yAsMmUjitqcAYrhDKc0xqax+I2A0Whpm5K0S15qPw99Hb605ueRuaV1UM0OUIEkPMSRcKxQj6AwNBq1H5Kivrbslywtbv3eAm8koUIsDAQVIg7I+uzZuFYOEFSIKwEh94oCb0RRYuR9qijwRhTl+Y0oSm58nOXZkXwBefZZIEAqQVK9TkaKstXTFV0AAdIujmR5dnlXUQaapSgqeU3PXSuKv/h227Z7pGbbJvLgJNO2xXvQbNvOC3I3bNvBOWWYI2eBVGGi4OzYdrsEPZF1YyTcS6kw0rPt6mtqgo2qLFHqJ2E4RB5RGIpMGZxaob28YrQThrUanC3iSNgJQ2Ev2mGYW/R47rpDApwNdkRW2KklhG2BMH5q/WKnlhq6TXFqAZtyMwx3gLP7a4lCnN8jqBCX4MCCAbFHeDgo3SPzrxKNxksR18rXI+jqzuiR1YBYKwIhy4Cg9ZsP5GwGSLegQlyndEAwigq2ltDsPykdLpqDpm5Aaf8DpaMqJ3+iVCRtmK2VB+SR0k0ZOKvMsLK5rcUNu3/oxjkjtcHWqstjMOw04Hy4zzh/ozQmu5Sevm718pQL54Z2KP7IDBUQ0HzNmq2ZybOzM+wzdi1nlSUt6i3GcTKZJHJnMrnCMUdAypuyPpmIQ8CYTOrVm8nkS9a+wSnYK9TIt8mkg9p8ZzLppj28FggHabezmt2aB4IFzKRgAXNxINkg9tVbOSOQzSJASAqk+b8CIasBOWy1BvJlq9XBqc1Wq5sHxG+1hL1rt1q35eNW69t7AXFbrXvkNVyds4zFGaKnYb0GYT1OWnufBpxLGWElwuWXQQTQyyQjn+TMWdweLeuORxp5T0QaPR5ptH73Pc9r3FvW9WIgb4JIup7XkkceRhqvZRZp1DYsb/jEI42W9ZXEnreuQVizKcp1POsT+WR5nQIKMSccVLamHiIPB70PEFSIWet3kUIU4N+g2Us0A6QugtgIJHinlYUmSj4Q5YWJor8VyAdVvZCPID/Ce9P8yAeZZTF4ysJhWYz/CgGF7RPGeSrsKBVmVjE/AiSeHxF2rKo2SVNVn5bwrrEkks1STWn2yTEME/+KmFeCAdUyXORFsbFyo/dk2E6VFAaOwkQDYXaaxHpbY3pEo5LiGrAqe89Hu5INmY7IhOVHDsD9AYV4UMn3bo4er+ln8Ki8s+S0R96iR7DLlxYore5bgOAewYwVJ83HfjFjdZibeyGk0vlHl7B93OwTshoQsdnXVnojJfo6kGApkOGZImXbj/XqCkAeppv9zZ/q8soDUnOcaskxTVnsChNIqYFbNc0aaZgmK3Mwy5oJo2Y/5NW2+dd+Cq0/Xl097lKF9746JC+RzC/4ABXgjGlcFJZa52R6XQzE8P0Ot+HlLd//UPF9v83IvDxE7vi+IbilLfT9nun7YXkfalHWsJW77MkPxucVjTBYleYm/3DwzJ4VPmTlKcA5EmeY718KK971fbsB8ssXwJns+H6Tz3SYsBPfvyE3vn/xejiIn1M5eyTH1cWlxYzGF/R1wKFc/0IbjZCnXYZtr0aWKMSFrq6w/Aq6ugiE7ZFoCoSkQEg+kKz1S4YHgGPQzr57zQeqdFuaB1IqAmRA5oBcLV5ax0GwJ7K6X4Pgjz0KAofTB0Gwrl0HwXAGyFkQnP8KgrN2JwhiTFGdwROMq3PcHwD3wWGWth4EXRk4q8KwC0YTAWQvGJ33RqNR5RQ4y3ejQPh6FyMQ9jAKEjIOgsvFbyRbkTBDxp9T/xZzvBkmHbYbchSYNoYbSXmB1KnInH1Mcs6kJSGter1V6tTrD6Xben2IdCj83JrWj+62j6ZVplyuASWl1UwgBUInuWFCYv+AgvCI3ZmvMjWBs0Oehb3+3e9pvb5NClQ+ZK3frB5B63f2e3ZskQ56ppzr6WxKwHYeCCZDM3pk9WQo+uwlmgFSnwUSLARC4CuERQYFOYdbd3IekMun9wSytj8YbMs3g8Gl/Pdg0MSpW7xcXVS9d6tQG3/FauNFfWIPCuHLmdoNCatNZpoz2qOfXr4srI2vdQfd2rOw7s6rz6l2u9+XqXb4h58MsAtJQ1iiR2a/ViD88pLFIwBZ8CRypd3olzIU4DWVyTlr/KfgjAOgzbi6peWurkih6nrHOND1Hmrrj7q+Q6bfj5D0+5FDXf/8cmmRdQByn8+3cbtxZ2aifHe6HhM873R9xHuaB5y5MF/X90QOEZ7mREQndf2a/KXr/hIUOZo9TYZiKWBqNP7Ly7U3Jg0DcU2gK1BarCCixdp1w1prGWW2m7AVO8UHG9Nt3/+zeEm0Zx88Nqf5Q5vfwoUfJdz1XlxH/XlHDh9iZn+xXAlelVeISCSrEEnGryUVH3XvQASd2JvN+CvYUZNLYw4/mIZRy4kUNfuDuxNB9280Gvl9KERT+fFgKJ2zEjeYiqo3D+rZeNVbE+rZaKbI+AlQq5Eyyd8q8Kf2n3+CQrgBSauA/NEoYhd8M6FSl6NRjzCMwma/HnVHI15Ptylaw0oDKZQGNrjGbbBqwVqv94hvoEK1oMx5TXo9n59QXnRY+ALtSkUmIOb56cuHlzJC6P3+XYd4JTaDQkWRYYGbwQUa+7zC8fbuoGIwdI1CJPorWPWWFm708MkeofpMOSyzMLhCXBEMJcUHq23dQdLTNURIhohXIEKeV8A6vMkwoY/m58EHmcCI3Eb1UCeriJB7I8KiutLTSmVvbVT3R6VyIfzF4F3IPerWH7Mqu32CCJ0tKg9fCecI6b6vPHztkxwRkFyDqO5nHtWtQ1R3RNBjXqnkbAWM6q4+6KIQHZrHsCmbNUXVOX9y7MJMJOUCxC9ktiAfck2AiU2JTInQob4CgEHFsV46MDkk2XwGUc8O4tMSdxnTptQuQOkQENTAr3GXdTozypbR/U5n0IKif64hWNH/Nf3W6Rw3AFI5BB0GxNMJ71RTsEWewDdPGj5+tuctl4ObObN7K2fkdzQfJiMxYZ1q6KzTucIOA3yzuNOptdLNTmAzCr0LfB8322z9rntC3HjY8VtdmT1zmMeBjVP1Er5NOhW30H1YCT6ppBjVrZX4fvmquyYwlz+zK7cgQoH1H14tp1qfW92LI5Xpg5MAnBKEZIkc3i+RuW3/EI+6u7Zt+bZtN9iMmLY9k1zbHi9tOxF1N0e2/ZZfTGxbUwtuV4d7st69EmyCZMIUVKgNu3T6+UzGHWPbNilInuuwmW/Z9nsKm+3Lp7bdY/v3hS637a9SYtvTNuyvbiaCLiMcKVzAcKW4yhw2ILD4OJV0z3qxdzKfCPLDncqT8/GEbNn2DoWWvK31I9K0XfmtpnXkc00b6ZqmNXJaHyDxG2Vq2h79oWke7x10o2mZKpzGE+d8UDCzVRvuTvYTZb2D8plGmvZVdjWtl4WlU027EjYyNCrawCQNhqZJ/mjGo0LMJvmXBkNJoyYRUmr9Oq0yoxEHKsQsznMat01gxkddPOxriOT9WhtHz8E7clsi0pZEUI9cs5/2r6BHukyPMIWGthrXI9jxDH7aa5s7nuGgN+7H1C5O9QjJnE+hR2YgmU3w1DI9Ij7WYadzuP6ckDrrJ4cvhRko21ZX6HK4kGQGkbQHHcwkXL/Nj4lMcVm2qB3EU9hfOMu5ZIBaBPZvwmYtvpmMlJutbn31PmeO80pG88dxHP/EcUQzt/pTx6m2ARJfLdYVkC4c5/qegnBLxwlqe44T/nrUBcls/+a+49jUdZwLKXCc8R8a13G+blaIYvAzkk1zKjkj90RkuzSnbXMaeZYpyq5kiDAT5QrN+H9A5Pg5EslEdU8xqrudGd8YDsf4xtThcFgHqMchyjqOMkjCXqbRcNh6cD+jDpJV/fdmZAySGSQDNCBXw2GNwmZdJAKQvs2h9KJIV8dRVF+1oh1Fj3DqR9GU3CVl4DiKJoJIFI2FITmJoiXtRVFXBUjWmeT2OHqEUpdRdEWmUbSJSN76LR/Zjmd3yQ5aVwZeEujhq+7oDvrfRGolRDCqezci4WLxorYIgpW3bzcIOgSDyEGg3YnIh2BxKbKlgkBZcug8CI6kp0EwXy4Wi+ZXJvlxEJgEDZ1FcEpOg8Xz9eav+E/tqzLtq/1sFiNfwC+IqqoSqmSpr2ItEq4qGTm8rqp1DlEQSIVvlEnms35fBcn9Oqn3AUolS/Aavv9qGm3TjLnNSvdNEx51TROdofLMNCcN0+yoU9N8iydaB6g+Nk1uoiAkDU3zpGyPr6Y5JVkIJLdLVrZM01R7TPKJaYrnap9thks2BkNJyWFHPbKHZeCYCpivVuhfbFviSmTswJzBSw47z/vdNqeRyy4SWZHmRLwVRMw1RLIIhqf/kgiOYZK4Mpf9PkmqfpIkDTz/j5Nk/Aig5nWSXOIdmSSJpp4kyUckcsygvSR5U0bkPElGueCwmyTzkpU6bNa/SZJP9ChJRB/gNpO8mUe2rA6fKRHBMj3Ei/nE2VWZdGaaW55CuIqks2xZPtr6m8c8DLMBAZK7roXhu2buByIMbfVFGF7i2glA+CPWfxeGoinbQRi+IbthWNXfhe+Eo6kThkdUC8ORD5J9Dh2F4UxOwpAbS3fMhUbrtzhWVfTgYV9R0dPFEtfyip5cVHdjRc/9E0EndvGwryVSrNU9yRP5K7uaTA4O9unaNME4jtXckTw4mEm9+OAQ99VjgNJpHV7TED1o4viM7MXxVT8+iMXncR3HFtk/iNtdgERExIrjOd2P4+VfEOH9ZLIY5mtBi5k6SfO1OA7LRb4Wg2CBrjJIkpmYfqPR5YlWHMpKpjDDO88kqxziYrC0P5WcSzHUf0lezeRmZ+elVEJkd2fnQ/1pJqrLcIzqzljs9fvOzkE/2HGmAwZlugJOqwDRVJ7v7DgTpAXx4i+8KyCP6qIeAagroro4RFRXw6jubc4I+n5L6tlRIbJ69v7vip5+2qmGnxErU9GTLXFd1cs0tX45tJ31i0SUMiJpAnO+w4Ag4hSJOGraqYYTqQK0igimcDzPExGPurcmQrqeNyUleM3zfDL1PHEaW57XJhwfeF5T9byBrHvehEw8T6cAqQyiANU4JDOoCRD2J5cYhHoWJLfqsKDeAMmo/ADyZIAmOZcvSD4mx57XWNepxrqmJUQGltXm54/PfMsapikfpGlZVYm/v8iyuPeNQSOaxmTlqlVtNgAi7arlPYisqq8CJI7q1LIGYqUgBSLZZlgcJGpULGtCq5bV+r2tgDcZjUX8cSFdlmSNRm6AYM+Hoh6xAJJX6BGyphAGg6FpwgCOLd1BCK8lkqZw5JpXPFhH5OHtiXAn9rZEzhTliVT2ZK0oRzjL1o8MFOWVSKrVFGXGoSuA8I40XypKew6Q/EZRLkmiKF986IEz4bIAepZ715eKcpGDdhXFlOA1vS2JiLYw+dxBgVMx5TDMiqYuu5AFjE1t+ItgJv6hMJi9K2Zo/WZK36kOo5EdDFKZeBzriQwM44Kiu84wjC7H9wzjTL4wDBFo6RlGPvvn2jBmCPmG8UYS+YmGMVc/GIbeNowPKLlrAJTOKEgeCLccSG5Xyge/2UsQU7cMQ3QluZXvd41C3FzPvr1CxLzf9sPyEbMFWOJ6GyLHSKSgEO+byMktiBxtJjJ23XMkoruu2+J47LrPpUvX7YmYpuvmY3g3rnuE0NJ1d4V9+cZ1z/qPXXc5AIhiYA4k+0gEJI/FN9R1P64lMnHdx+qh616QzQc+l1iMDi2clYyCkBTPNbUr/F0MlDz52d7VMDcJBNG6pJF8ISFEEIEkaI2ONdEpo8b02s6kyWhHq9P6/3+Le3eBzQUMrTB+TbdTNC/HXt7Q43LL7Vv+qd0Pm/ZAEJHt6czSBouxewKeOz7VUDxmejUevwhyWp2N3a/0ajp2X+hf3PGSWly742+6ehJz3QfiiryETbviUP/h2JXpe5g9HZXmkb+nMY+IGtci8YoUUlXKlTGi7hsGAQ3EhEj7fssZ3bVuSWRUCZF3RKSC6nvQCMMRrMLwGOIwtMwwZLoyKOThOAxXFDKeYCs4CsMpJAh0w3ChiVfpYYae54IIOUyIvMbOWnK2C8Prgi+N/WWB2ZTAZJoBmKZZ1/EAhml2wDFbBkItXW+tIekVG8g5OUBIBrgQ0gSUNGimEBF5ih36BieSDnbRmTDHNA3YK1vrTe6ge6/x9L1HtRourLguyttarR8k9UcCXn9ETuP3a7V1FKVWSxTPahvzSFJ/REZR7JQICeCnt1/eWZDsoLvYq4IIjZHsUleN/ToZDTpQJ0RS4SgmgkhAD0OrICITKjkRdan7/F7tWRKNP0mI1HYS0YdJXAtyiMA2kU4lRFIhpyTFNRAprg7Pep3MZg40Zo1mk4tCmQgJp7wVn+dBKLDKj84hmjsvMZ+2Plu3Uok837wiAJRPazVmzm4iw26+9VMijTge5cnk7sfxlc7i2HTimOmghvEQgkdxPN06ESG57AviOO7M0DMRMbHXiZbetdBz4XNcVQCfVsWU+FRQ2obDGo2RrJoT6f3ueqqbmUcAIDOPKFa+tgJZprIYEVEnxEIijbwJsRQR2OpOJfJ9OHyQR+RkOLww3OHQvkLpVJUIrBDS3w+H2+tahJaiN1RgHV9yqYSfEelzqYRbE2kqC00TUiL0OEjRVctqK9I7JD2TrGslROKLsHm2mBA9ZbG7EoN93StQxu4NiIxqm/ZWvSKoMDKAT5630M49z6aExNeeJ2/PE64wQnJCS8+bXCHEhUo+Qd/zHjlLbykHbux5G2lw79CzXI/UFEtvv5foxlh43hmceR6ld1ZabAh+pmWarhAL41rFK0RFp/Fs788TufeLRFRZqrJERGbo6+36IwDve70F1R9JbxlG1Iu6zxDSHvd6Z6L+iImQnC0RuoC0Ka8/soMIwAzdGIxnhg56vTdliYDOB66u84MGkE2hlUEsfHONbyUBrxE6iZqiWR7aOf4ul/xwzo1DKxHXkr2KbgHKEmE80sg1sfVxu71SF/kUaTxttz+s4eQfEIdMYAA1sduL5BWISGPdRc8NLATcSSKN/ToGLB8doudOv90W01FpIk9vUqMnGJSoPb1zkz/Ftaob7M+rIAKcCAOFSLOIyF4VRLqM7cM7xo61j4xZOUQcxr7Xrxi7YfAcRox16dURY4faAj0HjLG6gKaMPeOdtVqMfeSeVwAVEHFs+xImtt2CuW3LuIM5R0j8mSDUpA91adumNp/PZbjOsu0JQvNOfW7Pm4FtNzhkwYxDNkIOhyYcKiTfRc/VjxEKmQZUxZVCpghBdueDWtjxltUuaB75vUSO9/5GIqL4KU/f49pBbyQRpfgpdceLn1LwYYnBByHKSsVPPSp+KtP3XlCuYMaK0veKvzSCQsSwrBaXsgnAsiw5IDpJ2R5RfYe6a2ErDtVlmoBlORwydN6Ku5GQhVBdQtJzB4p48FYGFF+RurlpHeWKkAHWQ+qqoe86QlQ1SeDNA4ToHHZwMO8g5KAsTqilsDwmsjikVCNgVKo50tAzLXWFUg2UWyGSZSZEGiMAA4qi3KRk840mxGnBGKmeCNUfySdy79eIvLsVEbg5EdRJpbAIibKK/6UC+J2HCBGRk0QA/9p1n+g5RM5dt58I4LsdAaEo6+s6uiGZGyHKWhQOmuQahYPI+Ndg1VQZVoKILq2FqWnGw892PpJxqGykcRVFuB6JIqZ9iKLjRhR9bo6iaADvo2hBoqzfo+gUBlE0MrBVFxSpD+DHwyiSGimaF0VHVhRFFvcsOOtf0TOHDN5AdCY8YGcfjBg74573yxBRJ8Rs7DdbV5cmRDL1+chO4WLKZ8+uEMsSCTNEgh1ETmmw5xBRg9i7iED1RA59/xQe+/6+9tL37S7uDmiufP+C7w64JiJvfP8VXCQbBnKI2L4/0JINA4cmbgVoHfl+HxJojpBvSJkR3x8JXHS27/sHcOD7U4TyDQ4GBTaj/H3xk4ovp0hiyVvJmMgaEEwxMsLWzqlDgoGQgoSIHQ3u7M7u7N83EL+UIAXbbyg7I0u9kW0F1Era3X3lzu6saoP/4+cHQsGV4hM/nkcAAAAASUVORK5CYII=" 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";
- /*!
- * Pico.css v1.5.6 (https://picocss.com)
- * Copyright 2019-2022 - Licensed under MIT
- */
- /**
- * Theme: default
- */
- #mount {
- --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
- "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
- "Segoe UI Symbol", "Noto Color Emoji";
- --line-height: 1.5;
- --font-weight: 400;
- --font-size: 16px;
- --border-radius: 0.25rem;
- --border-width: 1px;
- --outline-width: 3px;
- --spacing: 1rem;
- --typography-spacing-vertical: 1.5rem;
- --block-spacing-vertical: calc(var(--spacing) * 2);
- --block-spacing-horizontal: var(--spacing);
- --grid-spacing-vertical: 0;
- --grid-spacing-horizontal: var(--spacing);
- --form-element-spacing-vertical: 0.75rem;
- --form-element-spacing-horizontal: 1rem;
- --nav-element-spacing-vertical: 1rem;
- --nav-element-spacing-horizontal: 0.5rem;
- --nav-link-spacing-vertical: 0.5rem;
- --nav-link-spacing-horizontal: 0.5rem;
- --form-label-font-weight: var(--font-weight);
- --transition: 0.2s ease-in-out;
- --modal-overlay-backdrop-filter: blur(0.25rem);
- }
- @media (min-width: 576px) {
- #mount {
- --font-size: 17px;
- }
- }
- @media (min-width: 768px) {
- #mount {
- --font-size: 18px;
- }
- }
- @media (min-width: 992px) {
- #mount {
- --font-size: 19px;
- }
- }
- @media (min-width: 1200px) {
- #mount {
- --font-size: 20px;
- }
- }
- @media (min-width: 576px) {
- #mount > header,
- #mount > main,
- #mount > footer,
- section {
- --block-spacing-vertical: calc(var(--spacing) * 2.5);
- }
- }
- @media (min-width: 768px) {
- #mount > header,
- #mount > main,
- #mount > footer,
- section {
- --block-spacing-vertical: calc(var(--spacing) * 3);
- }
- }
- @media (min-width: 992px) {
- #mount > header,
- #mount > main,
- #mount > footer,
- section {
- --block-spacing-vertical: calc(var(--spacing) * 3.5);
- }
- }
- @media (min-width: 1200px) {
- #mount > header,
- #mount > main,
- #mount > footer,
- section {
- --block-spacing-vertical: calc(var(--spacing) * 4);
- }
- }
- @media (min-width: 576px) {
- article {
- --block-spacing-horizontal: calc(var(--spacing) * 1.25);
- }
- }
- @media (min-width: 768px) {
- article {
- --block-spacing-horizontal: calc(var(--spacing) * 1.5);
- }
- }
- @media (min-width: 992px) {
- article {
- --block-spacing-horizontal: calc(var(--spacing) * 1.75);
- }
- }
- @media (min-width: 1200px) {
- article {
- --block-spacing-horizontal: calc(var(--spacing) * 2);
- }
- }
- dialog > article {
- --block-spacing-vertical: calc(var(--spacing) * 2);
- --block-spacing-horizontal: var(--spacing);
- }
- @media (min-width: 576px) {
- dialog > article {
- --block-spacing-vertical: calc(var(--spacing) * 2.5);
- --block-spacing-horizontal: calc(var(--spacing) * 1.25);
- }
- }
- @media (min-width: 768px) {
- dialog > article {
- --block-spacing-vertical: calc(var(--spacing) * 3);
- --block-spacing-horizontal: calc(var(--spacing) * 1.5);
- }
- }
- a {
- --text-decoration: none;
- }
- a.secondary,
- a.contrast {
- --text-decoration: underline;
- }
- small {
- --font-size: 0.875em;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- --font-weight: 700;
- }
- h1 {
- --font-size: 2rem;
- --typography-spacing-vertical: 3rem;
- }
- h2 {
- --font-size: 1.75rem;
- --typography-spacing-vertical: 2.625rem;
- }
- h3 {
- --font-size: 1.5rem;
- --typography-spacing-vertical: 2.25rem;
- }
- h4 {
- --font-size: 1.25rem;
- --typography-spacing-vertical: 1.874rem;
- }
- h5 {
- --font-size: 1.125rem;
- --typography-spacing-vertical: 1.6875rem;
- }
- [type="checkbox"],
- [type="radio"] {
- --border-width: 2px;
- }
- [type="checkbox"][role="switch"] {
- --border-width: 3px;
- }
- thead th,
- thead td,
- tfoot th,
- tfoot td {
- --border-width: 3px;
- }
- :not(thead, tfoot) > * > td {
- --font-size: 0.875em;
- }
- pre,
- code,
- kbd,
- samp {
- --font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace",
- "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
- "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- }
- kbd {
- --font-weight: bolder;
- }
- [data-theme="light"],
- #mount:not([data-theme="dark"]) {
- --background-color: #fff;
- --background-light-green: #F5F7F9;
- --color: hsl(205deg, 20%, 32%);
- --h1-color: hsl(205deg, 30%, 15%);
- --h2-color: #24333e;
- --h3-color: hsl(205deg, 25%, 23%);
- --h4-color: #374956;
- --h5-color: hsl(205deg, 20%, 32%);
- --h6-color: #4d606d;
- --muted-color: hsl(205deg, 10%, 50%);
- --muted-border-color: hsl(205deg, 20%, 94%);
- --primary: hsl(195deg, 85%, 41%);
- --primary-hover: hsl(195deg, 90%, 32%);
- --primary-focus: rgba(16, 149, 193, 0.125);
- --primary-inverse: #fff;
- --secondary: hsl(205deg, 15%, 41%);
- --secondary-hover: hsl(205deg, 20%, 32%);
- --secondary-focus: rgba(89, 107, 120, 0.125);
- --secondary-inverse: #fff;
- --contrast: hsl(205deg, 30%, 15%);
- --contrast-hover: #000;
- --contrast-focus: rgba(89, 107, 120, 0.125);
- --contrast-inverse: #fff;
- --mark-background-color: #fff2ca;
- --mark-color: #543a26;
- --ins-color: #388e3c;
- --del-color: #c62828;
- --blockquote-border-color: var(--muted-border-color);
- --blockquote-footer-color: var(--muted-color);
- --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- --form-element-background-color: transparent;
- --form-element-border-color: hsl(205deg, 14%, 68%);
- --form-element-color: var(--color);
- --form-element-placeholder-color: var(--muted-color);
- --form-element-active-background-color: transparent;
- --form-element-active-border-color: var(--primary);
- --form-element-focus-color: var(--primary-focus);
- --form-element-disabled-background-color: hsl(205deg, 18%, 86%);
- --form-element-disabled-border-color: hsl(205deg, 14%, 68%);
- --form-element-disabled-opacity: 0.5;
- --form-element-invalid-border-color: #c62828;
- --form-element-invalid-active-border-color: #d32f2f;
- --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);
- --form-element-valid-border-color: #388e3c;
- --form-element-valid-active-border-color: #43a047;
- --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);
- --switch-background-color: hsl(205deg, 16%, 77%);
- --switch-color: var(--primary-inverse);
- --switch-checked-background-color: var(--primary);
- --range-border-color: hsl(205deg, 18%, 86%);
- --range-active-border-color: hsl(205deg, 16%, 77%);
- --range-thumb-border-color: var(--background-color);
- --range-thumb-color: var(--secondary);
- --range-thumb-hover-color: var(--secondary-hover);
- --range-thumb-active-color: var(--primary);
- --table-border-color: var(--muted-border-color);
- --table-row-stripped-background-color: #f6f8f9;
- --code-background-color: hsl(205deg, 20%, 94%);
- --code-color: var(--muted-color);
- --code-kbd-background-color: var(--contrast);
- --code-kbd-color: var(--contrast-inverse);
- --code-tag-color: hsl(330deg, 40%, 50%);
- --code-property-color: hsl(185deg, 40%, 40%);
- --code-value-color: hsl(40deg, 20%, 50%);
- --code-comment-color: hsl(205deg, 14%, 68%);
- --accordion-border-color: var(--muted-border-color);
- --accordion-close-summary-color: var(--color);
- --accordion-open-summary-color: var(--muted-color);
- --card-background-color: var(--background-color);
- --card-border-color: var(--muted-border-color);
- --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),
- 0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),
- 0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),
- 0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),
- 0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),
- 0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),
- 0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
- --card-sectionning-background-color: #fbfbfc;
- --dropdown-background-color: #fbfbfc;
- --dropdown-border-color: #e1e6eb;
- --dropdown-box-shadow: var(--card-box-shadow);
- --dropdown-color: var(--color);
- --dropdown-hover-background-color: hsl(205deg, 20%, 94%);
- --modal-overlay-background-color: rgba(213, 220, 226, 0.7);
- --progress-background-color: hsl(205deg, 18%, 86%);
- --progress-color: var(--primary);
- --loading-spinner-opacity: 0.5;
- --tooltip-background-color: var(--contrast);
- --tooltip-color: var(--contrast-inverse);
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTguOTM0OCA4LjY0ODQ0QzIwLjg5NDEgOC42NDg0NCAyMi40ODU1IDcuMDU0NjkgMjIuNDg1NSA1LjA5NzY2QzIyLjQ4NTUgMy4xNDA2MiAyMC44OTE4IDEuNTQ2ODggMTguOTM0OCAxLjU0Njg4QzE2Ljk3NTQgMS41NDY4OCAxNS4zODQgMy4xNDA2MiAxNS4zODQgNS4wOTc2NkMxNS4zODQgNS4yOTkyMiAxNS40MDA0IDUuNDkzNzUgMTUuNDMzMiA1LjY4NTk0TDcuMzIzODMgOS4zNTM5MUM2LjcwOTc3IDguODQ1MzEgNS45MjIyNyA4LjU0MDYyIDUuMDY0NDUgOC41NDA2MkMzLjEwNTA4IDguNTQwNjIgMS41MTM2NyAxMC4xMzQ0IDEuNTEzNjcgMTIuMDkxNEMxLjUxMzY3IDE0LjA0ODQgMy4xMDc0MiAxNS42NDIyIDUuMDY0NDUgMTUuNjQyMkM1LjgzMzIgMTUuNjQyMiA2LjU0NTcgMTUuMzk2MSA3LjEyNjk1IDE0Ljk4MTNMMTIuNDk0MSAxNy45OTUzQzEyLjQxNjggMTguMjg1OSAxMi4zNzcgMTguNTg4MyAxMi4zNzcgMTguOTAyM0MxMi4zNzcgMjAuODYxNyAxMy45NzA3IDIyLjQ1MzEgMTUuOTI3NyAyMi40NTMxQzE3Ljg4NzEgMjIuNDUzMSAxOS40Nzg1IDIwLjg1OTQgMTkuNDc4NSAxOC45MDIzQzE5LjQ3ODUgMTYuOTQzIDE3Ljg4NDggMTUuMzUxNiAxNS45Mjc3IDE1LjM1MTZDMTQuOTU3NCAxNS4zNTE2IDE0LjA3ODUgMTUuNzQzIDEzLjQzNjMgMTYuMzczNEw4LjMyMjI3IDEzLjUwNDdDOC41MDk3NyAxMy4wNzExIDguNjE1MjMgMTIuNTk1MyA4LjYxNTIzIDEyLjA5MzhDOC42MTUyMyAxMS42ODEyIDguNTQ0OTIgMTEuMjg3NSA4LjQxNjAyIDEwLjkxOTVMMTYuMjIzIDcuMzg3NUMxNi44NzQ2IDguMTU2MjUgMTcuODQ5NiA4LjY0ODQ0IDE4LjkzNDggOC42NDg0NFpNNS4wNjQ0NSAxMy43Njk1QzQuMTQxMDIgMTMuNzY5NSAzLjM4ODY3IDEzLjAxNzIgMy4zODg2NyAxMi4wOTM4QzMuMzg4NjcgMTEuMTcwMyA0LjE0MTAyIDEwLjQxOCA1LjA2NDQ1IDEwLjQxOEM1Ljk4Nzg5IDEwLjQxOCA2Ljc0MDIzIDExLjE3MDMgNi43NDAyMyAxMi4wOTM4QzYuNzQwMjMgMTMuMDE3MiA1Ljk4Nzg5IDEzLjc2OTUgNS4wNjQ0NSAxMy43Njk1Wk0xNS45Mjc3IDE3LjIyNjZDMTYuODUxMiAxNy4yMjY2IDE3LjYwMzUgMTcuOTc4OSAxNy42MDM1IDE4LjkwMjNDMTcuNjAzNSAxOS44MjU4IDE2Ljg1MTIgMjAuNTc4MSAxNS45Mjc3IDIwLjU3ODFDMTUuMDA0MyAyMC41NzgxIDE0LjI1MiAxOS44MjU4IDE0LjI1MiAxOC45MDIzQzE0LjI1MiAxNy45Nzg5IDE1LjAwMiAxNy4yMjY2IDE1LjkyNzcgMTcuMjI2NlpNMTguOTM0OCAzLjQxOTUzQzE5Ljg1ODIgMy40MTk1MyAyMC42MTA1IDQuMTcxODcgMjAuNjEwNSA1LjA5NTMxQzIwLjYxMDUgNi4wMTg3NSAxOS44NTgyIDYuNzcxMDkgMTguOTM0OCA2Ljc3MTA5QzE4LjAxMTMgNi43NzEwOSAxNy4yNTkgNi4wMTg3NSAxNy4yNTkgNS4wOTUzMUMxNy4yNTkgNC4xNzE4NyAxOC4wMTEzIDMuNDE5NTMgMTguOTM0OCAzLjQxOTUzWicgZmlsbD0nIzgzODM4MycvPjwvc3ZnPiA=");
- --float-ball-more-button-border-color: #F6F6F6;
- --float-ball-more-button-background-color: #FFFFFF;
- --float-ball-more-button-svg-color: #6C6F73;
- color-scheme: light;
- --service-bg-hover:#F7FAFF;
- }
- @media only screen and (prefers-color-scheme: dark) {
- #mount:not([data-theme="light"]) {
- --background-color: #11191f;
- --float-ball-more-button-background-color: #FFFFFF;
- --background-light-green: #141e26;
- --color: hsl(205deg, 16%, 77%);
- --h1-color: hsl(205deg, 20%, 94%);
- --h2-color: #e1e6eb;
- --h3-color: hsl(205deg, 18%, 86%);
- --h4-color: #c8d1d8;
- --h5-color: hsl(205deg, 16%, 77%);
- --h6-color: #afbbc4;
- --muted-color: hsl(205deg, 10%, 50%);
- --muted-border-color: #1f2d38;
- --primary: hsl(195deg, 85%, 41%);
- --primary-hover: hsl(195deg, 80%, 50%);
- --primary-focus: rgba(16, 149, 193, 0.25);
- --primary-inverse: #fff;
- --secondary: hsl(205deg, 15%, 41%);
- --secondary-hover: hsl(205deg, 10%, 50%);
- --secondary-focus: rgba(115, 130, 140, 0.25);
- --secondary-inverse: #fff;
- --contrast: hsl(205deg, 20%, 94%);
- --contrast-hover: #fff;
- --contrast-focus: rgba(115, 130, 140, 0.25);
- --contrast-inverse: #000;
- --mark-background-color: #d1c284;
- --mark-color: #11191f;
- --ins-color: #388e3c;
- --del-color: #c62828;
- --blockquote-border-color: var(--muted-border-color);
- --blockquote-footer-color: var(--muted-color);
- --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- --form-element-background-color: #11191f;
- --form-element-border-color: #374956;
- --form-element-color: var(--color);
- --form-element-placeholder-color: var(--muted-color);
- --form-element-active-background-color: var(
- --form-element-background-color
- );
- --form-element-active-border-color: var(--primary);
- --form-element-focus-color: var(--primary-focus);
- --form-element-disabled-background-color: hsl(205deg, 25%, 23%);
- --form-element-disabled-border-color: hsl(205deg, 20%, 32%);
- --form-element-disabled-opacity: 0.5;
- --form-element-invalid-border-color: #b71c1c;
- --form-element-invalid-active-border-color: #c62828;
- --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
- --form-element-valid-border-color: #2e7d32;
- --form-element-valid-active-border-color: #388e3c;
- --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
- --switch-background-color: #374956;
- --switch-color: var(--primary-inverse);
- --switch-checked-background-color: var(--primary);
- --range-border-color: #24333e;
- --range-active-border-color: hsl(205deg, 25%, 23%);
- --range-thumb-border-color: var(--background-color);
- --range-thumb-color: var(--secondary);
- --range-thumb-hover-color: var(--secondary-hover);
- --range-thumb-active-color: var(--primary);
- --table-border-color: var(--muted-border-color);
- --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
- --code-background-color: #18232c;
- --code-color: var(--muted-color);
- --code-kbd-background-color: var(--contrast);
- --code-kbd-color: var(--contrast-inverse);
- --code-tag-color: hsl(330deg, 30%, 50%);
- --code-property-color: hsl(185deg, 30%, 50%);
- --code-value-color: hsl(40deg, 10%, 50%);
- --code-comment-color: #4d606d;
- --accordion-border-color: var(--muted-border-color);
- --accordion-active-summary-color: var(--primary);
- --accordion-close-summary-color: var(--color);
- --accordion-open-summary-color: var(--muted-color);
- --card-background-color: #141e26;
- --card-border-color: var(--card-background-color);
- --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
- 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
- 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
- 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
- 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
- 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
- --card-sectionning-background-color: #18232c;
- --dropdown-background-color: hsl(205deg, 30%, 15%);
- --dropdown-border-color: #24333e;
- --dropdown-box-shadow: var(--card-box-shadow);
- --dropdown-color: var(--color);
- --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
- --modal-overlay-background-color: rgba(36, 51, 62, 0.8);
- --progress-background-color: #24333e;
- --progress-color: var(--primary);
- --loading-spinner-opacity: 0.5;
- --tooltip-background-color: var(--contrast);
- --tooltip-color: var(--contrast-inverse);
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
- color-scheme: dark;
- --service-bg-hover:#22292F;
- }
- }
- [data-theme="dark"] {
- --background-color: #11191f;
- --float-ball-more-button-background-color: #FFFFFF;
- --background-light-green: #141e26;
- --color: hsl(205deg, 16%, 77%);
- --h1-color: hsl(205deg, 20%, 94%);
- --h2-color: #e1e6eb;
- --h3-color: hsl(205deg, 18%, 86%);
- --h4-color: #c8d1d8;
- --h5-color: hsl(205deg, 16%, 77%);
- --h6-color: #afbbc4;
- --muted-color: hsl(205deg, 10%, 50%);
- --muted-border-color: #1f2d38;
- --primary: hsl(195deg, 85%, 41%);
- --primary-hover: hsl(195deg, 80%, 50%);
- --primary-focus: rgba(16, 149, 193, 0.25);
- --primary-inverse: #fff;
- --secondary: hsl(205deg, 15%, 41%);
- --secondary-hover: hsl(205deg, 10%, 50%);
- --secondary-focus: rgba(115, 130, 140, 0.25);
- --secondary-inverse: #fff;
- --contrast: hsl(205deg, 20%, 94%);
- --contrast-hover: #fff;
- --contrast-focus: rgba(115, 130, 140, 0.25);
- --contrast-inverse: #000;
- --mark-background-color: #d1c284;
- --mark-color: #11191f;
- --ins-color: #388e3c;
- --del-color: #c62828;
- --blockquote-border-color: var(--muted-border-color);
- --blockquote-footer-color: var(--muted-color);
- --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- --form-element-background-color: #11191f;
- --form-element-border-color: #374956;
- --form-element-color: var(--color);
- --form-element-placeholder-color: var(--muted-color);
- --form-element-active-background-color: var(--form-element-background-color);
- --form-element-active-border-color: var(--primary);
- --form-element-focus-color: var(--primary-focus);
- --form-element-disabled-background-color: hsl(205deg, 25%, 23%);
- --form-element-disabled-border-color: hsl(205deg, 20%, 32%);
- --form-element-disabled-opacity: 0.5;
- --form-element-invalid-border-color: #b71c1c;
- --form-element-invalid-active-border-color: #c62828;
- --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
- --form-element-valid-border-color: #2e7d32;
- --form-element-valid-active-border-color: #388e3c;
- --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
- --switch-background-color: #374956;
- --switch-color: var(--primary-inverse);
- --switch-checked-background-color: var(--primary);
- --range-border-color: #24333e;
- --range-active-border-color: hsl(205deg, 25%, 23%);
- --range-thumb-border-color: var(--background-color);
- --range-thumb-color: var(--secondary);
- --range-thumb-hover-color: var(--secondary-hover);
- --range-thumb-active-color: var(--primary);
- --table-border-color: var(--muted-border-color);
- --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
- --code-background-color: #18232c;
- --code-color: var(--muted-color);
- --code-kbd-background-color: var(--contrast);
- --code-kbd-color: var(--contrast-inverse);
- --code-tag-color: hsl(330deg, 30%, 50%);
- --code-property-color: hsl(185deg, 30%, 50%);
- --code-value-color: hsl(40deg, 10%, 50%);
- --code-comment-color: #4d606d;
- --accordion-border-color: var(--muted-border-color);
- --accordion-active-summary-color: var(--primary);
- --accordion-close-summary-color: var(--color);
- --accordion-open-summary-color: var(--muted-color);
- --card-background-color: #141e26;
- --card-border-color: var(--card-background-color);
- --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
- 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
- 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
- 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
- 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
- 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
- --card-sectionning-background-color: #18232c;
- --dropdown-background-color: hsl(205deg, 30%, 15%);
- --dropdown-border-color: #24333e;
- --dropdown-box-shadow: var(--card-box-shadow);
- --dropdown-color: var(--color);
- --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
- --modal-overlay-background-color: rgba(36, 51, 62, 0.8);
- --progress-background-color: #24333e;
- --progress-color: var(--primary);
- --loading-spinner-opacity: 0.5;
- --tooltip-background-color: var(--contrast);
- --tooltip-color: var(--contrast-inverse);
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --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");
- --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
- color-scheme: dark;
- }
- progress,
- [type="checkbox"],
- [type="radio"],
- [type="range"] {
- accent-color: var(--primary);
- }
- /**
- * Document
- * Content-box & Responsive typography
- */
- *,
- *::before,
- *::after {
- box-sizing: border-box;
- background-repeat: no-repeat;
- }
- ::before,
- ::after {
- text-decoration: inherit;
- vertical-align: inherit;
- }
- :where(#mount) {
- -webkit-tap-highlight-color: transparent;
- -webkit-text-size-adjust: 100%;
- -moz-text-size-adjust: 100%;
- text-size-adjust: 100%;
- background-color: var(--background-color);
- color: var(--color);
- font-weight: var(--font-weight);
- font-size: var(--font-size);
- line-height: var(--line-height);
- font-family: var(--font-family);
- text-rendering: optimizeLegibility;
- overflow-wrap: break-word;
- cursor: default;
- -moz-tab-size: 4;
- -o-tab-size: 4;
- tab-size: 4;
- }
- /**
- * Sectioning
- * Container and responsive spacings for header, main, footer
- */
- main {
- display: block;
- }
- #mount {
- width: 100%;
- margin: 0;
- }
- #mount > header,
- #mount > main,
- #mount > footer {
- width: 100%;
- margin-right: auto;
- margin-left: auto;
- padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
- }
- @media (min-width: 576px) {
- #mount > header,
- #mount > main,
- #mount > footer {
- max-width: 510px;
- padding-right: 0;
- padding-left: 0;
- }
- }
- @media (min-width: 768px) {
- #mount > header,
- #mount > main,
- #mount > footer {
- max-width: 700px;
- }
- }
- @media (min-width: 992px) {
- #mount > header,
- #mount > main,
- #mount > footer {
- max-width: 920px;
- }
- }
- @media (min-width: 1200px) {
- #mount > header,
- #mount > main,
- #mount > footer {
- max-width: 1130px;
- }
- }
- /**
- * Container
- */
- .container,
- .container-fluid {
- width: 100%;
- margin-right: auto;
- margin-left: auto;
- padding-right: var(--spacing);
- padding-left: var(--spacing);
- }
- @media (min-width: 576px) {
- .container {
- max-width: 510px;
- padding-right: 0;
- padding-left: 0;
- }
- }
- @media (min-width: 768px) {
- .container {
- max-width: 700px;
- }
- }
- @media (min-width: 992px) {
- .container {
- max-width: 920px;
- }
- }
- @media (min-width: 1200px) {
- .container {
- max-width: 1130px;
- }
- }
- /**
- * Section
- * Responsive spacings for section
- */
- section {
- margin-bottom: var(--block-spacing-vertical);
- }
- /**
- * Grid
- * Minimal grid system with auto-layout columns
- */
- .grid {
- grid-column-gap: var(--grid-spacing-horizontal);
- grid-row-gap: var(--grid-spacing-vertical);
- display: grid;
- grid-template-columns: 1fr;
- margin: 0;
- }
- @media (min-width: 992px) {
- .grid {
- grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
- }
- }
- .grid > * {
- min-width: 0;
- }
- /**
- * Horizontal scroller (<figure>)
- */
- figure {
- display: block;
- margin: 0;
- padding: 0;
- overflow-x: auto;
- }
- figure figcaption {
- padding: calc(var(--spacing) * 0.5) 0;
- color: var(--muted-color);
- }
- /**
- * Typography
- */
- b,
- strong {
- font-weight: bolder;
- }
- sub,
- sup {
- position: relative;
- font-size: 0.75em;
- line-height: 0;
- vertical-align: baseline;
- }
- sub {
- bottom: -0.25em;
- }
- sup {
- top: -0.5em;
- }
- address,
- blockquote,
- dl,
- figure,
- form,
- ol,
- p,
- pre,
- table,
- ul {
- margin-top: 0;
- margin-bottom: var(--typography-spacing-vertical);
- color: var(--color);
- font-style: normal;
- font-weight: var(--font-weight);
- font-size: var(--font-size);
- }
- a,
- [role="link"] {
- --color: var(--primary);
- --background-color: transparent;
- outline: none;
- background-color: var(--background-color);
- color: var(--color);
- -webkit-text-decoration: var(--text-decoration);
- text-decoration: var(--text-decoration);
- transition: background-color var(--transition), color var(--transition),
- box-shadow var(--transition), -webkit-text-decoration var(--transition);
- transition: background-color var(--transition), color var(--transition),
- text-decoration var(--transition), box-shadow var(--transition);
- transition: background-color var(--transition), color var(--transition),
- text-decoration var(--transition), box-shadow var(--transition),
- -webkit-text-decoration var(--transition);
- }
- a:is([aria-current], :hover, :active, :focus),
- [role="link"]:is([aria-current], :hover, :active, :focus) {
- --color: var(--primary-hover);
- --text-decoration: underline;
- }
- a:focus,
- [role="link"]:focus {
- --background-color: var(--primary-focus);
- }
- a.secondary,
- [role="link"].secondary {
- --color: var(--secondary);
- }
- a.secondary:is([aria-current], :hover, :active, :focus),
- [role="link"].secondary:is([aria-current], :hover, :active, :focus) {
- --color: var(--secondary-hover);
- }
- a.secondary:focus,
- [role="link"].secondary:focus {
- --background-color: var(--secondary-focus);
- }
- a.contrast,
- [role="link"].contrast {
- --color: var(--contrast);
- }
- a.contrast:is([aria-current], :hover, :active, :focus),
- [role="link"].contrast:is([aria-current], :hover, :active, :focus) {
- --color: var(--contrast-hover);
- }
- a.contrast:focus,
- [role="link"].contrast:focus {
- --background-color: var(--contrast-focus);
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- margin-top: 0;
- margin-bottom: var(--typography-spacing-vertical);
- color: var(--color);
- font-weight: var(--font-weight);
- font-size: var(--font-size);
- font-family: var(--font-family);
- }
- h1 {
- --color: var(--h1-color);
- }
- h2 {
- --color: var(--h2-color);
- }
- h3 {
- --color: var(--h3-color);
- }
- h4 {
- --color: var(--h4-color);
- }
- h5 {
- --color: var(--h5-color);
- }
- h6 {
- --color: var(--h6-color);
- }
- :where(address, blockquote, dl, figure, form, ol, p, pre, table, ul)
- ~ :is(h1, h2, h3, h4, h5, h6) {
- margin-top: var(--typography-spacing-vertical);
- }
- hgroup,
- .headings {
- margin-bottom: var(--typography-spacing-vertical);
- }
- hgroup > *,
- .headings > * {
- margin-bottom: 0;
- }
- hgroup > *:last-child,
- .headings > *:last-child {
- --color: var(--muted-color);
- --font-weight: unset;
- font-size: 1rem;
- font-family: unset;
- }
- p {
- margin-bottom: var(--typography-spacing-vertical);
- }
- small {
- font-size: var(--font-size);
- }
- :where(dl, ol, ul) {
- padding-right: 0;
- padding-left: var(--spacing);
- -webkit-padding-start: var(--spacing);
- padding-inline-start: var(--spacing);
- -webkit-padding-end: 0;
- padding-inline-end: 0;
- }
- :where(dl, ol, ul) li {
- margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
- }
- :where(dl, ol, ul) :is(dl, ol, ul) {
- margin: 0;
- margin-top: calc(var(--typography-spacing-vertical) * 0.25);
- }
- ul li {
- list-style: square;
- }
- mark {
- padding: 0.125rem 0.25rem;
- background-color: var(--mark-background-color);
- color: var(--mark-color);
- vertical-align: baseline;
- }
- blockquote {
- display: block;
- margin: var(--typography-spacing-vertical) 0;
- padding: var(--spacing);
- border-right: none;
- border-left: 0.25rem solid var(--blockquote-border-color);
- -webkit-border-start: 0.25rem solid var(--blockquote-border-color);
- border-inline-start: 0.25rem solid var(--blockquote-border-color);
- -webkit-border-end: none;
- border-inline-end: none;
- }
- blockquote footer {
- margin-top: calc(var(--typography-spacing-vertical) * 0.5);
- color: var(--blockquote-footer-color);
- }
- abbr[title] {
- border-bottom: 1px dotted;
- text-decoration: none;
- cursor: help;
- }
- ins {
- color: var(--ins-color);
- text-decoration: none;
- }
- del {
- color: var(--del-color);
- }
- ::-moz-selection {
- background-color: var(--primary-focus);
- }
- ::selection {
- background-color: var(--primary-focus);
- }
- /**
- * Embedded content
- */
- :where(audio, canvas, iframe, img, svg, video) {
- vertical-align: middle;
- }
- audio,
- video {
- display: inline-block;
- }
- audio:not([controls]) {
- display: none;
- height: 0;
- }
- :where(iframe) {
- border-style: none;
- }
- img {
- max-width: 100%;
- height: auto;
- border-style: none;
- }
- :where(svg:not([fill])) {
- fill: currentColor;
- }
- svg:not(#mount) {
- overflow: hidden;
- }
- /**
- * Button
- */
- button {
- margin: 0;
- overflow: visible;
- font-family: inherit;
- text-transform: none;
- }
- button,
- [type="button"],
- [type="reset"],
- [type="submit"] {
- -webkit-appearance: button;
- }
- button {
- display: block;
- width: 100%;
- margin-bottom: var(--spacing);
- }
- [role="button"] {
- display: inline-block;
- text-decoration: none;
- }
- button,
- input[type="submit"],
- input[type="button"],
- input[type="reset"],
- [role="button"] {
- --background-color: var(--primary);
- --border-color: var(--primary);
- --color: var(--primary-inverse);
- --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
- padding: var(--form-element-spacing-vertical)
- var(--form-element-spacing-horizontal);
- border: var(--border-width) solid var(--border-color);
- border-radius: var(--border-radius);
- outline: none;
- background-color: var(--background-color);
- box-shadow: var(--box-shadow);
- color: var(--color);
- font-weight: var(--font-weight);
- font-size: 1rem;
- line-height: var(--line-height);
- text-align: center;
- cursor: pointer;
- transition: background-color var(--transition), border-color var(--transition),
- color var(--transition), box-shadow var(--transition);
- }
- button:is([aria-current], :hover, :active, :focus),
- input[type="submit"]:is([aria-current], :hover, :active, :focus),
- input[type="button"]:is([aria-current], :hover, :active, :focus),
- input[type="reset"]:is([aria-current], :hover, :active, :focus),
- [role="button"]:is([aria-current], :hover, :active, :focus) {
- --background-color: var(--primary-hover);
- --border-color: var(--primary-hover);
- --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
- --color: var(--primary-inverse);
- }
- button:focus,
- input[type="submit"]:focus,
- input[type="button"]:focus,
- input[type="reset"]:focus,
- [role="button"]:focus {
- --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
- 0 0 0 var(--outline-width) var(--primary-focus);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).secondary,
- input[type="reset"] {
- --background-color: var(--secondary);
- --border-color: var(--secondary);
- --color: var(--secondary-inverse);
- cursor: pointer;
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).secondary:is([aria-current], :hover, :active, :focus),
- input[type="reset"]:is([aria-current], :hover, :active, :focus) {
- --background-color: var(--secondary-hover);
- --border-color: var(--secondary-hover);
- --color: var(--secondary-inverse);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).secondary:focus,
- input[type="reset"]:focus {
- --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
- 0 0 0 var(--outline-width) var(--secondary-focus);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).contrast {
- --background-color: var(--contrast);
- --border-color: var(--contrast);
- --color: var(--contrast-inverse);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).contrast:is([aria-current], :hover, :active, :focus) {
- --background-color: var(--contrast-hover);
- --border-color: var(--contrast-hover);
- --color: var(--contrast-inverse);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).contrast:focus {
- --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
- 0 0 0 var(--outline-width) var(--contrast-focus);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).outline,
- input[type="reset"].outline {
- --background-color: transparent;
- --color: var(--primary);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).outline:is([aria-current], :hover, :active, :focus),
- input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
- --background-color: transparent;
- --color: var(--primary-hover);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).outline.secondary,
- input[type="reset"].outline {
- --color: var(--secondary);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).outline.secondary:is([aria-current], :hover, :active, :focus),
- input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
- --color: var(--secondary-hover);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).outline.contrast {
- --color: var(--contrast);
- }
- :is(
- button,
- input[type="submit"],
- input[type="button"],
- [role="button"]
- ).outline.contrast:is([aria-current], :hover, :active, :focus) {
- --color: var(--contrast-hover);
- }
- :where(
- button,
- [type="submit"],
- [type="button"],
- [type="reset"],
- [role="button"]
- )[disabled],
- :where(fieldset[disabled])
- :is(
- button,
- [type="submit"],
- [type="button"],
- [type="reset"],
- [role="button"]
- ),
- a[role="button"]:not([href]) {
- opacity: 0.5;
- pointer-events: none;
- }
- /**
- * Form elements
- */
- input,
- optgroup,
- select,
- textarea {
- margin: 0;
- font-size: 1rem;
- line-height: var(--line-height);
- font-family: inherit;
- letter-spacing: inherit;
- }
- input {
- overflow: visible;
- }
- select {
- text-transform: none;
- }
- legend {
- max-width: 100%;
- padding: 0;
- color: inherit;
- white-space: normal;
- }
- textarea {
- overflow: auto;
- }
- [type="checkbox"],
- [type="radio"] {
- padding: 0;
- }
- ::-webkit-inner-spin-button,
- ::-webkit-outer-spin-button {
- height: auto;
- }
- [type="search"] {
- -webkit-appearance: textfield;
- outline-offset: -2px;
- }
- [type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
- }
- ::-webkit-file-upload-button {
- -webkit-appearance: button;
- font: inherit;
- }
- ::-moz-focus-inner {
- padding: 0;
- border-style: none;
- }
- :-moz-focusring {
- outline: none;
- }
- :-moz-ui-invalid {
- box-shadow: none;
- }
- ::-ms-expand {
- display: none;
- }
- [type="file"],
- [type="range"] {
- padding: 0;
- border-width: 0;
- }
- input:not([type="checkbox"], [type="radio"], [type="range"]) {
- height: calc(
- 1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
- var(--border-width) * 2
- );
- }
- fieldset {
- margin: 0;
- margin-bottom: var(--spacing);
- padding: 0;
- border: 0;
- }
- label,
- fieldset legend {
- display: block;
- margin-bottom: calc(var(--spacing) * 0.25);
- font-weight: var(--form-label-font-weight, var(--font-weight));
- }
- input:not([type="checkbox"], [type="radio"]),
- select,
- textarea {
- width: 100%;
- }
- input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
- select,
- textarea {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- padding: var(--form-element-spacing-vertical)
- var(--form-element-spacing-horizontal);
- }
- input,
- select,
- textarea {
- --background-color: var(--form-element-background-color);
- --border-color: var(--form-element-border-color);
- --color: var(--form-element-color);
- --box-shadow: none;
- border: var(--border-width) solid var(--border-color);
- border-radius: var(--border-radius);
- outline: none;
- background-color: var(--background-color);
- box-shadow: var(--box-shadow);
- color: var(--color);
- font-weight: var(--font-weight);
- transition: background-color var(--transition), border-color var(--transition),
- color var(--transition), box-shadow var(--transition);
- }
- input:not(
- [type="submit"],
- [type="button"],
- [type="reset"],
- [type="checkbox"],
- [type="radio"],
- [readonly]
- ):is(:active, :focus),
- :where(select, textarea):is(:active, :focus) {
- --background-color: var(--form-element-active-background-color);
- }
- input:not(
- [type="submit"],
- [type="button"],
- [type="reset"],
- [role="switch"],
- [readonly]
- ):is(:active, :focus),
- :where(select, textarea):is(:active, :focus) {
- --border-color: var(--form-element-active-border-color);
- }
- input:not(
- [type="submit"],
- [type="button"],
- [type="reset"],
- [type="range"],
- [type="file"],
- [readonly]
- ):focus,
- select:focus,
- textarea:focus {
- --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
- }
- input:not([type="submit"], [type="button"], [type="reset"])[disabled],
- select[disabled],
- textarea[disabled],
- :where(fieldset[disabled])
- :is(
- input:not([type="submit"], [type="button"], [type="reset"]),
- select,
- textarea
- ) {
- --background-color: var(--form-element-disabled-background-color);
- --border-color: var(--form-element-disabled-border-color);
- opacity: var(--form-element-disabled-opacity);
- pointer-events: none;
- }
- :where(input, select, textarea):not(
- [type="checkbox"],
- [type="radio"],
- [type="date"],
- [type="datetime-local"],
- [type="month"],
- [type="time"],
- [type="week"]
- )[aria-invalid] {
- padding-right: calc(
- var(--form-element-spacing-horizontal) + 1.5rem
- ) !important;
- padding-left: var(--form-element-spacing-horizontal);
- -webkit-padding-start: var(--form-element-spacing-horizontal) !important;
- padding-inline-start: var(--form-element-spacing-horizontal) !important;
- -webkit-padding-end: calc(
- var(--form-element-spacing-horizontal) + 1.5rem
- ) !important;
- padding-inline-end: calc(
- var(--form-element-spacing-horizontal) + 1.5rem
- ) !important;
- background-position: center right 0.75rem;
- background-size: 1rem auto;
- background-repeat: no-repeat;
- }
- :where(input, select, textarea):not(
- [type="checkbox"],
- [type="radio"],
- [type="date"],
- [type="datetime-local"],
- [type="month"],
- [type="time"],
- [type="week"]
- )[aria-invalid="false"] {
- background-image: var(--icon-valid);
- }
- :where(input, select, textarea):not(
- [type="checkbox"],
- [type="radio"],
- [type="date"],
- [type="datetime-local"],
- [type="month"],
- [type="time"],
- [type="week"]
- )[aria-invalid="true"] {
- background-image: var(--icon-invalid);
- }
- :where(input, select, textarea)[aria-invalid="false"] {
- --border-color: var(--form-element-valid-border-color);
- }
- :where(input, select, textarea)[aria-invalid="false"]:is(:active, :focus) {
- --border-color: var(--form-element-valid-active-border-color) !important;
- --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
- }
- :where(input, select, textarea)[aria-invalid="true"] {
- --border-color: var(--form-element-invalid-border-color);
- }
- :where(input, select, textarea)[aria-invalid="true"]:is(:active, :focus) {
- --border-color: var(--form-element-invalid-active-border-color) !important;
- --box-shadow: 0 0 0 var(--outline-width)
- var(--form-element-invalid-focus-color) !important;
- }
- [dir="rtl"]
- :where(input, select, textarea):not([type="checkbox"], [type="radio"]):is(
- [aria-invalid],
- [aria-invalid="true"],
- [aria-invalid="false"]
- ) {
- background-position: center left 0.75rem;
- }
- input::placeholder,
- input::-webkit-input-placeholder,
- textarea::placeholder,
- textarea::-webkit-input-placeholder,
- select:invalid {
- color: var(--form-element-placeholder-color);
- opacity: 1;
- }
- input:not([type="checkbox"], [type="radio"]),
- select,
- textarea {
- margin-bottom: var(--spacing);
- }
- select::-ms-expand {
- border: 0;
- background-color: transparent;
- }
- select:not([multiple], [size]) {
- padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
- padding-left: var(--form-element-spacing-horizontal);
- -webkit-padding-start: var(--form-element-spacing-horizontal);
- padding-inline-start: var(--form-element-spacing-horizontal);
- -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
- padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
- background-image: var(--icon-chevron);
- background-position: center right 0.75rem;
- background-size: 1rem auto;
- background-repeat: no-repeat;
- }
- [dir="rtl"] select:not([multiple], [size]) {
- background-position: center left 0.75rem;
- }
- :where(input, select, textarea) + small {
- display: block;
- width: 100%;
- margin-top: calc(var(--spacing) * -0.75);
- margin-bottom: var(--spacing);
- color: var(--muted-color);
- }
- label > :where(input, select, textarea) {
- margin-top: calc(var(--spacing) * 0.25);
- }
- /**
- * Form elements
- * Checkboxes & Radios
- */
- [type="checkbox"],
- [type="radio"] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: 1.25em;
- height: 1.25em;
- margin-top: -0.125em;
- margin-right: 0.375em;
- margin-left: 0;
- -webkit-margin-start: 0;
- margin-inline-start: 0;
- -webkit-margin-end: 0.375em;
- margin-inline-end: 0.375em;
- border-width: var(--border-width);
- font-size: inherit;
- vertical-align: middle;
- cursor: pointer;
- }
- [type="checkbox"]::-ms-check,
- [type="radio"]::-ms-check {
- display: none;
- }
- [type="checkbox"]:checked,
- [type="checkbox"]:checked:active,
- [type="checkbox"]:checked:focus,
- [type="radio"]:checked,
- [type="radio"]:checked:active,
- [type="radio"]:checked:focus {
- --background-color: var(--primary);
- --border-color: var(--primary);
- background-image: var(--icon-checkbox);
- background-position: center;
- background-size: 0.75em auto;
- background-repeat: no-repeat;
- }
- [type="checkbox"] ~ label,
- [type="radio"] ~ label {
- display: inline-block;
- margin-right: 0.375em;
- margin-bottom: 0;
- cursor: pointer;
- }
- [type="checkbox"]:indeterminate {
- --background-color: var(--primary);
- --border-color: var(--primary);
- background-image: var(--icon-minus);
- background-position: center;
- background-size: 0.75em auto;
- background-repeat: no-repeat;
- }
- [type="radio"] {
- border-radius: 50%;
- }
- [type="radio"]:checked,
- [type="radio"]:checked:active,
- [type="radio"]:checked:focus {
- --background-color: var(--primary-inverse);
- border-width: 0.35em;
- background-image: none;
- }
- [type="checkbox"][role="switch"] {
- --background-color: var(--switch-background-color);
- --border-color: var(--switch-background-color);
- --color: var(--switch-color);
- width: 2.25em;
- height: 1.25em;
- border: var(--border-width) solid var(--border-color);
- border-radius: 1.25em;
- background-color: var(--background-color);
- line-height: 1.25em;
- }
- [type="checkbox"][role="switch"]:focus {
- --background-color: var(--switch-background-color);
- --border-color: var(--switch-background-color);
- }
- [type="checkbox"][role="switch"]:checked {
- --background-color: var(--switch-checked-background-color);
- --border-color: var(--switch-checked-background-color);
- }
- [type="checkbox"][role="switch"]:before {
- display: block;
- width: calc(1.25em - (var(--border-width) * 2));
- height: 100%;
- border-radius: 50%;
- background-color: var(--color);
- content: "";
- transition: margin 0.1s ease-in-out;
- }
- [type="checkbox"][role="switch"]:checked {
- background-image: none;
- }
- [type="checkbox"][role="switch"]:checked::before {
- margin-left: calc(1.125em - var(--border-width));
- -webkit-margin-start: calc(1.125em - var(--border-width));
- margin-inline-start: calc(1.125em - var(--border-width));
- }
- [type="checkbox"][aria-invalid="false"],
- [type="checkbox"]:checked[aria-invalid="false"],
- [type="radio"][aria-invalid="false"],
- [type="radio"]:checked[aria-invalid="false"],
- [type="checkbox"][role="switch"][aria-invalid="false"],
- [type="checkbox"][role="switch"]:checked[aria-invalid="false"] {
- --border-color: var(--form-element-valid-border-color);
- }
- [type="checkbox"][aria-invalid="true"],
- [type="checkbox"]:checked[aria-invalid="true"],
- [type="radio"][aria-invalid="true"],
- [type="radio"]:checked[aria-invalid="true"],
- [type="checkbox"][role="switch"][aria-invalid="true"],
- [type="checkbox"][role="switch"]:checked[aria-invalid="true"] {
- --border-color: var(--form-element-invalid-border-color);
- }
- /**
- * Form elements
- * Alternatives input types (Not Checkboxes & Radios)
- */
- [type="color"]::-webkit-color-swatch-wrapper {
- padding: 0;
- }
- [type="color"]::-moz-focus-inner {
- padding: 0;
- }
- [type="color"]::-webkit-color-swatch {
- border: 0;
- border-radius: calc(var(--border-radius) * 0.5);
- }
- [type="color"]::-moz-color-swatch {
- border: 0;
- border-radius: calc(var(--border-radius) * 0.5);
- }
- input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]):is(
- [type="date"],
- [type="datetime-local"],
- [type="month"],
- [type="time"],
- [type="week"]
- ) {
- --icon-position: 0.75rem;
- --icon-width: 1rem;
- padding-right: calc(var(--icon-width) + var(--icon-position));
- background-image: var(--icon-date);
- background-position: center right var(--icon-position);
- background-size: var(--icon-width) auto;
- background-repeat: no-repeat;
- }
- input:not(
- [type="checkbox"],
- [type="radio"],
- [type="range"],
- [type="file"]
- )[type="time"] {
- background-image: var(--icon-time);
- }
- [type="date"]::-webkit-calendar-picker-indicator,
- [type="datetime-local"]::-webkit-calendar-picker-indicator,
- [type="month"]::-webkit-calendar-picker-indicator,
- [type="time"]::-webkit-calendar-picker-indicator,
- [type="week"]::-webkit-calendar-picker-indicator {
- width: var(--icon-width);
- margin-right: calc(var(--icon-width) * -1);
- margin-left: var(--icon-position);
- opacity: 0;
- }
- [dir="rtl"]
- :is(
- [type="date"],
- [type="datetime-local"],
- [type="month"],
- [type="time"],
- [type="week"]
- ) {
- text-align: right;
- }
- [type="file"] {
- --color: var(--muted-color);
- padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
- border: 0;
- border-radius: 0;
- background: none;
- }
- [type="file"]::file-selector-button {
- --background-color: var(--secondary);
- --border-color: var(--secondary);
- --color: var(--secondary-inverse);
- margin-right: calc(var(--spacing) / 2);
- margin-left: 0;
- -webkit-margin-start: 0;
- margin-inline-start: 0;
- -webkit-margin-end: calc(var(--spacing) / 2);
- margin-inline-end: calc(var(--spacing) / 2);
- padding: calc(var(--form-element-spacing-vertical) * 0.5)
- calc(var(--form-element-spacing-horizontal) * 0.5);
- border: var(--border-width) solid var(--border-color);
- border-radius: var(--border-radius);
- outline: none;
- background-color: var(--background-color);
- box-shadow: var(--box-shadow);
- color: var(--color);
- font-weight: var(--font-weight);
- font-size: 1rem;
- line-height: var(--line-height);
- text-align: center;
- cursor: pointer;
- transition: background-color var(--transition), border-color var(--transition),
- color var(--transition), box-shadow var(--transition);
- }
- [type="file"]::file-selector-button:is(:hover, :active, :focus) {
- --background-color: var(--secondary-hover);
- --border-color: var(--secondary-hover);
- }
- [type="file"]::-webkit-file-upload-button {
- --background-color: var(--secondary);
- --border-color: var(--secondary);
- --color: var(--secondary-inverse);
- margin-right: calc(var(--spacing) / 2);
- margin-left: 0;
- -webkit-margin-start: 0;
- margin-inline-start: 0;
- -webkit-margin-end: calc(var(--spacing) / 2);
- margin-inline-end: calc(var(--spacing) / 2);
- padding: calc(var(--form-element-spacing-vertical) * 0.5)
- calc(var(--form-element-spacing-horizontal) * 0.5);
- border: var(--border-width) solid var(--border-color);
- border-radius: var(--border-radius);
- outline: none;
- background-color: var(--background-color);
- box-shadow: var(--box-shadow);
- color: var(--color);
- font-weight: var(--font-weight);
- font-size: 1rem;
- line-height: var(--line-height);
- text-align: center;
- cursor: pointer;
- -webkit-transition: background-color var(--transition),
- border-color var(--transition), color var(--transition),
- box-shadow var(--transition);
- transition: background-color var(--transition), border-color var(--transition),
- color var(--transition), box-shadow var(--transition);
- }
- [type="file"]::-webkit-file-upload-button:is(:hover, :active, :focus) {
- --background-color: var(--secondary-hover);
- --border-color: var(--secondary-hover);
- }
- [type="file"]::-ms-browse {
- --background-color: var(--secondary);
- --border-color: var(--secondary);
- --color: var(--secondary-inverse);
- margin-right: calc(var(--spacing) / 2);
- margin-left: 0;
- margin-inline-start: 0;
- margin-inline-end: calc(var(--spacing) / 2);
- padding: calc(var(--form-element-spacing-vertical) * 0.5)
- calc(var(--form-element-spacing-horizontal) * 0.5);
- border: var(--border-width) solid var(--border-color);
- border-radius: var(--border-radius);
- outline: none;
- background-color: var(--background-color);
- box-shadow: var(--box-shadow);
- color: var(--color);
- font-weight: var(--font-weight);
- font-size: 1rem;
- line-height: var(--line-height);
- text-align: center;
- cursor: pointer;
- -ms-transition: background-color var(--transition),
- border-color var(--transition), color var(--transition),
- box-shadow var(--transition);
- transition: background-color var(--transition), border-color var(--transition),
- color var(--transition), box-shadow var(--transition);
- }
- [type="file"]::-ms-browse:is(:hover, :active, :focus) {
- --background-color: var(--secondary-hover);
- --border-color: var(--secondary-hover);
- }
- [type="range"] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: 100%;
- height: 1.25rem;
- background: none;
- }
- [type="range"]::-webkit-slider-runnable-track {
- width: 100%;
- height: 0.25rem;
- border-radius: var(--border-radius);
- background-color: var(--range-border-color);
- -webkit-transition: background-color var(--transition),
- box-shadow var(--transition);
- transition: background-color var(--transition), box-shadow var(--transition);
- }
- [type="range"]::-moz-range-track {
- width: 100%;
- height: 0.25rem;
- border-radius: var(--border-radius);
- background-color: var(--range-border-color);
- -moz-transition: background-color var(--transition),
- box-shadow var(--transition);
- transition: background-color var(--transition), box-shadow var(--transition);
- }
- [type="range"]::-ms-track {
- width: 100%;
- height: 0.25rem;
- border-radius: var(--border-radius);
- background-color: var(--range-border-color);
- -ms-transition: background-color var(--transition),
- box-shadow var(--transition);
- transition: background-color var(--transition), box-shadow var(--transition);
- }
- [type="range"]::-webkit-slider-thumb {
- -webkit-appearance: none;
- width: 1.25rem;
- height: 1.25rem;
- margin-top: -0.5rem;
- border: 2px solid var(--range-thumb-border-color);
- border-radius: 50%;
- background-color: var(--range-thumb-color);
- cursor: pointer;
- -webkit-transition: background-color var(--transition),
- transform var(--transition);
- transition: background-color var(--transition), transform var(--transition);
- }
- [type="range"]::-moz-range-thumb {
- -webkit-appearance: none;
- width: 1.25rem;
- height: 1.25rem;
- margin-top: -0.5rem;
- border: 2px solid var(--range-thumb-border-color);
- border-radius: 50%;
- background-color: var(--range-thumb-color);
- cursor: pointer;
- -moz-transition: background-color var(--transition),
- transform var(--transition);
- transition: background-color var(--transition), transform var(--transition);
- }
- [type="range"]::-ms-thumb {
- -webkit-appearance: none;
- width: 1.25rem;
- height: 1.25rem;
- margin-top: -0.5rem;
- border: 2px solid var(--range-thumb-border-color);
- border-radius: 50%;
- background-color: var(--range-thumb-color);
- cursor: pointer;
- -ms-transition: background-color var(--transition),
- transform var(--transition);
- transition: background-color var(--transition), transform var(--transition);
- }
- [type="range"]:hover,
- [type="range"]:focus {
- --range-border-color: var(--range-active-border-color);
- --range-thumb-color: var(--range-thumb-hover-color);
- }
- [type="range"]:active {
- --range-thumb-color: var(--range-thumb-active-color);
- }
- [type="range"]:active::-webkit-slider-thumb {
- transform: scale(1.25);
- }
- [type="range"]:active::-moz-range-thumb {
- transform: scale(1.25);
- }
- [type="range"]:active::-ms-thumb {
- transform: scale(1.25);
- }
- input:not(
- [type="checkbox"],
- [type="radio"],
- [type="range"],
- [type="file"]
- )[type="search"] {
- -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
- padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
- border-radius: 5rem;
- background-image: var(--icon-search);
- background-position: center left 1.125rem;
- background-size: 1rem auto;
- background-repeat: no-repeat;
- }
- input:not(
- [type="checkbox"],
- [type="radio"],
- [type="range"],
- [type="file"]
- )[type="search"][aria-invalid] {
- -webkit-padding-start: calc(
- var(--form-element-spacing-horizontal) + 1.75rem
- ) !important;
- padding-inline-start: calc(
- var(--form-element-spacing-horizontal) + 1.75rem
- ) !important;
- background-position: center left 1.125rem, center right 0.75rem;
- }
- input:not(
- [type="checkbox"],
- [type="radio"],
- [type="range"],
- [type="file"]
- )[type="search"][aria-invalid="false"] {
- background-image: var(--icon-search), var(--icon-valid);
- }
- input:not(
- [type="checkbox"],
- [type="radio"],
- [type="range"],
- [type="file"]
- )[type="search"][aria-invalid="true"] {
- background-image: var(--icon-search), var(--icon-invalid);
- }
- [type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
- display: none;
- }
- [dir="rtl"]
- :where(input):not(
- [type="checkbox"],
- [type="radio"],
- [type="range"],
- [type="file"]
- )[type="search"] {
- background-position: center right 1.125rem;
- }
- [dir="rtl"]
- :where(input):not(
- [type="checkbox"],
- [type="radio"],
- [type="range"],
- [type="file"]
- )[type="search"][aria-invalid] {
- background-position: center right 1.125rem, center left 0.75rem;
- }
- /**
- * Table
- */
- :where(table) {
- width: 100%;
- border-collapse: collapse;
- border-spacing: 0;
- text-indent: 0;
- }
- th,
- td {
- padding: calc(var(--spacing) / 2) var(--spacing);
- border-bottom: var(--border-width) solid var(--table-border-color);
- color: var(--color);
- font-weight: var(--font-weight);
- font-size: var(--font-size);
- text-align: left;
- text-align: start;
- }
- tfoot th,
- tfoot td {
- border-top: var(--border-width) solid var(--table-border-color);
- border-bottom: 0;
- }
- table[role="grid"] tbody tr:nth-child(odd) {
- background-color: var(--table-row-stripped-background-color);
- }
- /**
- * Code
- */
- pre,
- code,
- kbd,
- samp {
- font-size: 0.875em;
- font-family: var(--font-family);
- }
- pre {
- -ms-overflow-style: scrollbar;
- overflow: auto;
- }
- pre,
- code,
- kbd {
- border-radius: var(--border-radius);
- background: var(--code-background-color);
- color: var(--code-color);
- font-weight: var(--font-weight);
- line-height: initial;
- }
- code,
- kbd {
- display: inline-block;
- padding: 0.375rem 0.5rem;
- }
- pre {
- display: block;
- margin-bottom: var(--spacing);
- overflow-x: auto;
- }
- pre > code {
- display: block;
- padding: var(--spacing);
- background: none;
- font-size: 14px;
- line-height: var(--line-height);
- }
- code b {
- color: var(--code-tag-color);
- font-weight: var(--font-weight);
- }
- code i {
- color: var(--code-property-color);
- font-style: normal;
- }
- code u {
- color: var(--code-value-color);
- text-decoration: none;
- }
- code em {
- color: var(--code-comment-color);
- font-style: normal;
- }
- kbd {
- background-color: var(--code-kbd-background-color);
- color: var(--code-kbd-color);
- vertical-align: baseline;
- }
- /**
- * Miscs
- */
- hr {
- height: 0;
- border: 0;
- border-top: 1px solid var(--muted-border-color);
- color: inherit;
- }
- [hidden],
- template {
- display: none !important;
- }
- canvas {
- display: inline-block;
- }
- /**
- * Accordion (<details>)
- */
- details {
- display: block;
- margin-bottom: var(--spacing);
- padding-bottom: var(--spacing);
- border-bottom: var(--border-width) solid var(--accordion-border-color);
- }
- details summary {
- line-height: 1rem;
- list-style-type: none;
- cursor: pointer;
- transition: color var(--transition);
- }
- details summary:not([role]) {
- color: var(--accordion-close-summary-color);
- }
- details summary::-webkit-details-marker {
- display: none;
- }
- details summary::marker {
- display: none;
- }
- details summary::-moz-list-bullet {
- list-style-type: none;
- }
- details summary::after {
- display: block;
- width: 1rem;
- height: 1rem;
- -webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
- margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
- float: right;
- transform: rotate(-90deg);
- background-image: var(--icon-chevron);
- background-position: right center;
- background-size: 1rem auto;
- background-repeat: no-repeat;
- content: "";
- transition: transform var(--transition);
- }
- details summary:focus {
- outline: none;
- }
- details summary:focus:not([role="button"]) {
- color: var(--accordion-active-summary-color);
- }
- details summary[role="button"] {
- width: 100%;
- text-align: left;
- }
- details summary[role="button"]::after {
- height: calc(1rem * var(--line-height, 1.5));
- background-image: var(--icon-chevron-button);
- }
- details summary[role="button"]:not(.outline).contrast::after {
- background-image: var(--icon-chevron-button-inverse);
- }
- details[open] > summary {
- margin-bottom: calc(var(--spacing));
- }
- details[open] > summary:not([role]):not(:focus) {
- color: var(--accordion-open-summary-color);
- }
- details[open] > summary::after {
- transform: rotate(0);
- }
- [dir="rtl"] details summary {
- text-align: right;
- }
- [dir="rtl"] details summary::after {
- float: left;
- background-position: left center;
- }
- /**
- * Card (<article>)
- */
- article {
- margin: var(--block-spacing-vertical) 0;
- padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
- border-radius: var(--border-radius);
- background: var(--card-background-color);
- box-shadow: var(--card-box-shadow);
- }
- article > header,
- article > footer {
- margin-right: calc(var(--block-spacing-horizontal) * -1);
- margin-left: calc(var(--block-spacing-horizontal) * -1);
- padding: calc(var(--block-spacing-vertical) * 0.66)
- var(--block-spacing-horizontal);
- background-color: var(--card-sectionning-background-color);
- }
- article > header {
- margin-top: calc(var(--block-spacing-vertical) * -1);
- margin-bottom: var(--block-spacing-vertical);
- border-bottom: var(--border-width) solid var(--card-border-color);
- border-top-right-radius: var(--border-radius);
- border-top-left-radius: var(--border-radius);
- }
- article > footer {
- margin-top: var(--block-spacing-vertical);
- margin-bottom: calc(var(--block-spacing-vertical) * -1);
- border-top: var(--border-width) solid var(--card-border-color);
- border-bottom-right-radius: var(--border-radius);
- border-bottom-left-radius: var(--border-radius);
- }
- /**
- * Modal (<dialog>)
- */
- #mount {
- --scrollbar-width: 0px;
- }
- dialog {
- display: flex;
- z-index: 999;
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- align-items: center;
- justify-content: center;
- width: inherit;
- min-width: 100%;
- height: inherit;
- min-height: 100%;
- padding: var(--spacing);
- border: 0;
- -webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);
- backdrop-filter: var(--modal-overlay-backdrop-filter);
- background-color: var(--modal-overlay-background-color);
- color: var(--color);
- }
- dialog article {
- max-height: calc(100vh - var(--spacing) * 2);
- overflow: auto;
- }
- @media (min-width: 576px) {
- dialog article {
- max-width: 510px;
- }
- }
- @media (min-width: 768px) {
- dialog article {
- max-width: 700px;
- }
- }
- dialog article > header,
- dialog article > footer {
- padding: calc(var(--block-spacing-vertical) * 0.5)
- var(--block-spacing-horizontal);
- }
- dialog article > header .close {
- margin: 0;
- margin-left: var(--spacing);
- float: right;
- }
- dialog article > footer {
- text-align: right;
- }
- dialog article > footer [role="button"] {
- margin-bottom: 0;
- }
- dialog article > footer [role="button"]:not(:first-of-type) {
- margin-left: calc(var(--spacing) * 0.5);
- }
- dialog article p:last-of-type {
- margin: 0;
- }
- dialog article .close {
- display: block;
- width: 1rem;
- height: 1rem;
- margin-top: calc(var(--block-spacing-vertical) * -0.5);
- margin-bottom: var(--typography-spacing-vertical);
- margin-left: auto;
- background-image: var(--icon-close);
- background-position: center;
- background-size: auto 1rem;
- background-repeat: no-repeat;
- opacity: 0.5;
- transition: opacity var(--transition);
- }
- dialog article .close:is([aria-current], :hover, :active, :focus) {
- opacity: 1;
- }
- dialog:not([open]),
- dialog[open="false"] {
- display: none;
- }
- .modal-is-open {
- padding-right: var(--scrollbar-width, 0px);
- overflow: hidden;
- pointer-events: none;
- }
- .modal-is-open dialog {
- pointer-events: auto;
- }
- :where(.modal-is-opening, .modal-is-closing) dialog,
- :where(.modal-is-opening, .modal-is-closing) dialog > article {
- animation-duration: 0.2s;
- animation-timing-function: ease-in-out;
- animation-fill-mode: both;
- }
- :where(.modal-is-opening, .modal-is-closing) dialog {
- animation-duration: 0.8s;
- animation-name: modal-overlay;
- }
- :where(.modal-is-opening, .modal-is-closing) dialog > article {
- animation-delay: 0.2s;
- animation-name: modal;
- }
- .modal-is-closing dialog,
- .modal-is-closing dialog > article {
- animation-delay: 0s;
- animation-direction: reverse;
- }
- @keyframes modal-overlay {
- from {
- -webkit-backdrop-filter: none;
- backdrop-filter: none;
- background-color: transparent;
- }
- }
- @keyframes modal {
- from {
- transform: translateY(-100%);
- opacity: 0;
- }
- }
- /**
- * Nav
- */
- :where(nav li)::before {
- float: left;
- content: "";
- }
- nav,
- nav ul {
- display: flex;
- }
- nav {
- justify-content: space-between;
- }
- nav ol,
- nav ul {
- align-items: center;
- margin-bottom: 0;
- padding: 0;
- list-style: none;
- }
- nav ol:first-of-type,
- nav ul:first-of-type {
- margin-left: calc(var(--nav-element-spacing-horizontal) * -1);
- }
- nav ol:last-of-type,
- nav ul:last-of-type {
- margin-right: calc(var(--nav-element-spacing-horizontal) * -1);
- }
- nav li {
- display: inline-block;
- margin: 0;
- padding: var(--nav-element-spacing-vertical)
- var(--nav-element-spacing-horizontal);
- }
- nav li > * {
- --spacing: 0;
- }
- nav :where(a, [role="link"]) {
- display: inline-block;
- margin: calc(var(--nav-link-spacing-vertical) * -1)
- calc(var(--nav-link-spacing-horizontal) * -1);
- padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
- border-radius: var(--border-radius);
- text-decoration: none;
- }
- nav :where(a, [role="link"]):is([aria-current], :hover, :active, :focus) {
- text-decoration: none;
- }
- nav[aria-label="breadcrumb"] {
- align-items: center;
- justify-content: start;
- }
- nav[aria-label="breadcrumb"] ul li:not(:first-child) {
- -webkit-margin-start: var(--nav-link-spacing-horizontal);
- margin-inline-start: var(--nav-link-spacing-horizontal);
- }
- nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
- position: absolute;
- width: calc(var(--nav-link-spacing-horizontal) * 2);
- -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2);
- margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);
- content: "/";
- color: var(--muted-color);
- text-align: center;
- }
- nav[aria-label="breadcrumb"] a[aria-current] {
- background-color: transparent;
- color: inherit;
- text-decoration: none;
- pointer-events: none;
- }
- nav [role="button"] {
- margin-right: inherit;
- margin-left: inherit;
- padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
- }
- aside nav,
- aside ol,
- aside ul,
- aside li {
- display: block;
- }
- aside li {
- padding: calc(var(--nav-element-spacing-vertical) * 0.5)
- var(--nav-element-spacing-horizontal);
- }
- aside li a {
- display: block;
- }
- aside li [role="button"] {
- margin: inherit;
- }
- [dir="rtl"] nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
- content: "\\";
- }
- /**
- * Progress
- */
- progress {
- display: inline-block;
- vertical-align: baseline;
- }
- progress {
- -webkit-appearance: none;
- -moz-appearance: none;
- display: inline-block;
- appearance: none;
- width: 100%;
- height: 0.5rem;
- margin-bottom: calc(var(--spacing) * 0.5);
- overflow: hidden;
- border: 0;
- border-radius: var(--border-radius);
- background-color: var(--progress-background-color);
- color: var(--progress-color);
- }
- progress::-webkit-progress-bar {
- border-radius: var(--border-radius);
- background: none;
- }
- progress[value]::-webkit-progress-value {
- background-color: var(--progress-color);
- }
- progress::-moz-progress-bar {
- background-color: var(--progress-color);
- }
- @media (prefers-reduced-motion: no-preference) {
- progress:indeterminate {
- background: var(--progress-background-color)
- linear-gradient(
- to right,
- var(--progress-color) 30%,
- var(--progress-background-color) 30%
- )
- top left/150% 150% no-repeat;
- animation: progress-indeterminate 1s linear infinite;
- }
- progress:indeterminate[value]::-webkit-progress-value {
- background-color: transparent;
- }
- progress:indeterminate::-moz-progress-bar {
- background-color: transparent;
- }
- }
- @media (prefers-reduced-motion: no-preference) {
- [dir="rtl"] progress:indeterminate {
- animation-direction: reverse;
- }
- }
- @keyframes progress-indeterminate {
- 0% {
- background-position: 200% 0;
- }
- 100% {
- background-position: -200% 0;
- }
- }
- /**
- * Dropdown ([role="list"])
- */
- details[role="list"],
- li[role="list"] {
- position: relative;
- }
- details[role="list"] summary + ul,
- li[role="list"] > ul {
- display: flex;
- z-index: 99;
- position: absolute;
- top: auto;
- right: 0;
- left: 0;
- flex-direction: column;
- margin: 0;
- padding: 0;
- border: var(--border-width) solid var(--dropdown-border-color);
- border-radius: var(--border-radius);
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- background-color: var(--dropdown-background-color);
- box-shadow: var(--card-box-shadow);
- color: var(--dropdown-color);
- white-space: nowrap;
- }
- details[role="list"] summary + ul li,
- li[role="list"] > ul li {
- width: 100%;
- margin-bottom: 0;
- padding: calc(var(--form-element-spacing-vertical) * 0.5)
- var(--form-element-spacing-horizontal);
- list-style: none;
- }
- details[role="list"] summary + ul li:first-of-type,
- li[role="list"] > ul li:first-of-type {
- margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
- }
- details[role="list"] summary + ul li:last-of-type,
- li[role="list"] > ul li:last-of-type {
- margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
- }
- details[role="list"] summary + ul li a,
- li[role="list"] > ul li a {
- display: block;
- margin: calc(var(--form-element-spacing-vertical) * -0.5)
- calc(var(--form-element-spacing-horizontal) * -1);
- padding: calc(var(--form-element-spacing-vertical) * 0.5)
- var(--form-element-spacing-horizontal);
- overflow: hidden;
- color: var(--dropdown-color);
- text-decoration: none;
- text-overflow: ellipsis;
- }
- details[role="list"] summary + ul li a:hover,
- li[role="list"] > ul li a:hover {
- background-color: var(--dropdown-hover-background-color);
- }
- details[role="list"] summary::after,
- li[role="list"] > a::after {
- display: block;
- width: 1rem;
- height: calc(1rem * var(--line-height, 1.5));
- -webkit-margin-start: 0.5rem;
- margin-inline-start: 0.5rem;
- float: right;
- transform: rotate(0deg);
- background-position: right center;
- background-size: 1rem auto;
- background-repeat: no-repeat;
- content: "";
- }
- details[role="list"] {
- padding: 0;
- border-bottom: none;
- }
- details[role="list"] summary {
- margin-bottom: 0;
- }
- details[role="list"] summary:not([role]) {
- height: calc(
- 1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
- var(--border-width) * 2
- );
- padding: var(--form-element-spacing-vertical)
- var(--form-element-spacing-horizontal);
- border: var(--border-width) solid var(--form-element-border-color);
- border-radius: var(--border-radius);
- background-color: var(--form-element-background-color);
- color: var(--form-element-placeholder-color);
- line-height: inherit;
- cursor: pointer;
- transition: background-color var(--transition), border-color var(--transition),
- color var(--transition), box-shadow var(--transition);
- }
- details[role="list"] summary:not([role]):active,
- details[role="list"] summary:not([role]):focus {
- border-color: var(--form-element-active-border-color);
- background-color: var(--form-element-active-background-color);
- }
- details[role="list"] summary:not([role]):focus {
- box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
- }
- details[role="list"][open] summary {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- details[role="list"][open] summary::before {
- display: block;
- z-index: 1;
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- background: none;
- content: "";
- cursor: default;
- }
- nav details[role="list"] summary,
- nav li[role="list"] a {
- display: flex;
- direction: ltr;
- }
- nav details[role="list"] summary + ul,
- nav li[role="list"] > ul {
- min-width: -moz-fit-content;
- min-width: fit-content;
- border-radius: var(--border-radius);
- }
- nav details[role="list"] summary + ul li a,
- nav li[role="list"] > ul li a {
- border-radius: 0;
- }
- nav details[role="list"] summary,
- nav details[role="list"] summary:not([role]) {
- height: auto;
- padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
- }
- nav details[role="list"][open] summary {
- border-radius: var(--border-radius);
- }
- nav details[role="list"] summary + ul {
- margin-top: var(--outline-width);
- -webkit-margin-start: 0;
- margin-inline-start: 0;
- }
- nav details[role="list"] summary[role="link"] {
- margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);
- line-height: var(--line-height);
- }
- nav details[role="list"] summary[role="link"] + ul {
- margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
- -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) * -1);
- margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);
- }
- li[role="list"]:hover > ul,
- li[role="list"] a:active ~ ul,
- li[role="list"] a:focus ~ ul {
- display: flex;
- }
- li[role="list"] > ul {
- display: none;
- margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
- -webkit-margin-start: calc(
- var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
- );
- margin-inline-start: calc(
- var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
- );
- }
- li[role="list"] > a::after {
- background-image: var(--icon-chevron);
- }
- /**
- * Loading ([aria-busy=true])
- */
- [aria-busy="true"] {
- cursor: progress;
- }
- [aria-busy="true"]:not(input, select, textarea)::before {
- display: inline-block;
- width: 1em;
- height: 1em;
- border: 0.1875em solid currentColor;
- border-radius: 1em;
- border-right-color: transparent;
- content: "";
- vertical-align: text-bottom;
- vertical-align: -0.125em;
- animation: spinner 0.75s linear infinite;
- opacity: var(--loading-spinner-opacity);
- }
- [aria-busy="true"]:not(input, select, textarea):not(:empty)::before {
- margin-right: calc(var(--spacing) * 0.5);
- margin-left: 0;
- -webkit-margin-start: 0;
- margin-inline-start: 0;
- -webkit-margin-end: calc(var(--spacing) * 0.5);
- margin-inline-end: calc(var(--spacing) * 0.5);
- }
- [aria-busy="true"]:not(input, select, textarea):empty {
- text-align: center;
- }
- button[aria-busy="true"],
- input[type="submit"][aria-busy="true"],
- input[type="button"][aria-busy="true"],
- input[type="reset"][aria-busy="true"],
- a[aria-busy="true"] {
- pointer-events: none;
- }
- @keyframes spinner {
- to {
- transform: rotate(360deg);
- }
- }
- /**
- * Tooltip ([data-tooltip])
- */
- [data-tooltip] {
- position: relative;
- }
- [data-tooltip]:not(a, button, input) {
- border-bottom: 1px dotted;
- text-decoration: none;
- cursor: help;
- }
- [data-tooltip][data-placement="top"]::before,
- [data-tooltip][data-placement="top"]::after,
- [data-tooltip]::before,
- [data-tooltip]::after {
- display: block;
- z-index: 99;
- position: absolute;
- bottom: 100%;
- left: 50%;
- padding: 0.25rem 0.5rem;
- overflow: hidden;
- transform: translate(-50%, -0.25rem);
- border-radius: var(--border-radius);
- background: var(--tooltip-background-color);
- content: attr(data-tooltip);
- color: var(--tooltip-color);
- font-style: normal;
- font-weight: var(--font-weight);
- font-size: 0.875rem;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- opacity: 0;
- pointer-events: none;
- }
- [data-tooltip][data-placement="top"]::after,
- [data-tooltip]::after {
- padding: 0;
- transform: translate(-50%, 0rem);
- border-top: 0.3rem solid;
- border-right: 0.3rem solid transparent;
- border-left: 0.3rem solid transparent;
- border-radius: 0;
- background-color: transparent;
- content: "";
- color: var(--tooltip-background-color);
- }
- [data-tooltip][data-placement="bottom"]::before,
- [data-tooltip][data-placement="bottom"]::after {
- top: 100%;
- bottom: auto;
- transform: translate(-50%, 0.25rem);
- }
- [data-tooltip][data-placement="bottom"]:after {
- transform: translate(-50%, -0.3rem);
- border: 0.3rem solid transparent;
- border-bottom: 0.3rem solid;
- }
- [data-tooltip][data-placement="left"]::before,
- [data-tooltip][data-placement="left"]::after {
- top: 50%;
- right: 100%;
- bottom: auto;
- left: auto;
- transform: translate(-0.25rem, -50%);
- }
- [data-tooltip][data-placement="left"]:after {
- transform: translate(0.3rem, -50%);
- border: 0.3rem solid transparent;
- border-left: 0.3rem solid;
- }
- [data-tooltip][data-placement="right"]::before,
- [data-tooltip][data-placement="right"]::after {
- top: 50%;
- right: auto;
- bottom: auto;
- left: 100%;
- transform: translate(0.25rem, -50%);
- }
- [data-tooltip][data-placement="right"]:after {
- transform: translate(-0.3rem, -50%);
- border: 0.3rem solid transparent;
- border-right: 0.3rem solid;
- }
- [data-tooltip]:focus::before,
- [data-tooltip]:focus::after,
- [data-tooltip]:hover::before,
- [data-tooltip]:hover::after {
- opacity: 1;
- }
- @media (hover: hover) and (pointer: fine) {
- [data-tooltip][data-placement="bottom"]:focus::before,
- [data-tooltip][data-placement="bottom"]:focus::after,
- [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::before,
- [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
- [data-tooltip]:hover::before,
- [data-tooltip]:hover::after {
- animation-duration: 0.2s;
- animation-name: tooltip-slide-top;
- }
- [data-tooltip][data-placement="bottom"]:focus::after,
- [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
- [data-tooltip]:hover::after {
- animation-name: tooltip-caret-slide-top;
- }
- [data-tooltip][data-placement="bottom"]:focus::before,
- [data-tooltip][data-placement="bottom"]:focus::after,
- [data-tooltip][data-placement="bottom"]:hover::before,
- [data-tooltip][data-placement="bottom"]:hover::after {
- animation-duration: 0.2s;
- animation-name: tooltip-slide-bottom;
- }
- [data-tooltip][data-placement="bottom"]:focus::after,
- [data-tooltip][data-placement="bottom"]:hover::after {
- animation-name: tooltip-caret-slide-bottom;
- }
- [data-tooltip][data-placement="left"]:focus::before,
- [data-tooltip][data-placement="left"]:focus::after,
- [data-tooltip][data-placement="left"]:hover::before,
- [data-tooltip][data-placement="left"]:hover::after {
- animation-duration: 0.2s;
- animation-name: tooltip-slide-left;
- }
- [data-tooltip][data-placement="left"]:focus::after,
- [data-tooltip][data-placement="left"]:hover::after {
- animation-name: tooltip-caret-slide-left;
- }
- [data-tooltip][data-placement="right"]:focus::before,
- [data-tooltip][data-placement="right"]:focus::after,
- [data-tooltip][data-placement="right"]:hover::before,
- [data-tooltip][data-placement="right"]:hover::after {
- animation-duration: 0.2s;
- animation-name: tooltip-slide-right;
- }
- [data-tooltip][data-placement="right"]:focus::after,
- [data-tooltip][data-placement="right"]:hover::after {
- animation-name: tooltip-caret-slide-right;
- }
- }
- @keyframes tooltip-slide-top {
- from {
- transform: translate(-50%, 0.75rem);
- opacity: 0;
- }
- to {
- transform: translate(-50%, -0.25rem);
- opacity: 1;
- }
- }
- @keyframes tooltip-caret-slide-top {
- from {
- opacity: 0;
- }
- 50% {
- transform: translate(-50%, -0.25rem);
- opacity: 0;
- }
- to {
- transform: translate(-50%, 0rem);
- opacity: 1;
- }
- }
- @keyframes tooltip-slide-bottom {
- from {
- transform: translate(-50%, -0.75rem);
- opacity: 0;
- }
- to {
- transform: translate(-50%, 0.25rem);
- opacity: 1;
- }
- }
- @keyframes tooltip-caret-slide-bottom {
- from {
- opacity: 0;
- }
- 50% {
- transform: translate(-50%, -0.5rem);
- opacity: 0;
- }
- to {
- transform: translate(-50%, -0.3rem);
- opacity: 1;
- }
- }
- @keyframes tooltip-slide-left {
- from {
- transform: translate(0.75rem, -50%);
- opacity: 0;
- }
- to {
- transform: translate(-0.25rem, -50%);
- opacity: 1;
- }
- }
- @keyframes tooltip-caret-slide-left {
- from {
- opacity: 0;
- }
- 50% {
- transform: translate(0.05rem, -50%);
- opacity: 0;
- }
- to {
- transform: translate(0.3rem, -50%);
- opacity: 1;
- }
- }
- @keyframes tooltip-slide-right {
- from {
- transform: translate(-0.75rem, -50%);
- opacity: 0;
- }
- to {
- transform: translate(0.25rem, -50%);
- opacity: 1;
- }
- }
- @keyframes tooltip-caret-slide-right {
- from {
- opacity: 0;
- }
- 50% {
- transform: translate(-0.05rem, -50%);
- opacity: 0;
- }
- to {
- transform: translate(-0.3rem, -50%);
- opacity: 1;
- }
- }
- /**
- * Accessibility & User interaction
- */
- [aria-controls] {
- cursor: pointer;
- }
- [aria-disabled="true"],
- [disabled] {
- cursor: not-allowed;
- }
- [aria-hidden="false"][hidden] {
- display: initial;
- }
- [aria-hidden="false"][hidden]:not(:focus) {
- clip: rect(0, 0, 0, 0);
- position: absolute;
- }
- a,
- area,
- button,
- input,
- label,
- select,
- summary,
- textarea,
- [tabindex] {
- -ms-touch-action: manipulation;
- }
- [dir="rtl"] {
- direction: rtl;
- }
- /**
- * Reduce Motion Features
- */
- @media (prefers-reduced-motion: reduce) {
- *:not([aria-busy="true"]),
- :not([aria-busy="true"])::before,
- :not([aria-busy="true"])::after {
- background-attachment: initial !important;
- animation-duration: 1ms !important;
- animation-delay: -1ms !important;
- animation-iteration-count: 1 !important;
- scroll-behavior: auto !important;
- transition-delay: 0s !important;
- transition-duration: 0s !important;
- }
- }
- #mount#mount {
- /* --primary: rgb(227, 59, 126); */
- --primary: #ea4c89;
- --primary-hover: #f082ac;
- --icon-xia: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguMDAyOTEgOS42Nzk4M0wzLjgzMzM5IDUuNTEyMjFMMy4wMjUzOSA2LjMxOTgzTDguMDAzMjkgMTEuMjk1MUwxMi45NzYyIDYuMzE5ODNMMTIuMTY3OSA1LjUxMjIxTDguMDAyOTEgOS42Nzk4M1oiIGZpbGw9IiM4MzgzODMiLz4KPC9nPgo8L3N2Zz4K");
- --switch-checked-background-color: var(--primary);
- }
- li.select-link.select-link:hover > ul {
- display: none;
- }
- li.select-link.select-link > ul {
- display: none;
- }
- li.select-link.select-link a:focus ~ ul {
- display: none;
- }
- li.select-link.select-link a:active ~ ul {
- display: none;
- }
- li.select-link-active.select-link-active > ul {
- display: flex;
- }
- li.select-link-active.select-link-active:hover > ul {
- display: flex;
- }
- li.select-link-active.select-link-active a:focus ~ ul {
- display: flex;
- }
- li.select-link-active.select-link-active a:active ~ ul {
- display: flex;
- }
- ul.select-link-ul.select-link-ul {
- right: 0px;
- left: auto;
- }
- a.select-link-selected {
- background-color: var(--primary-focus);
- }
- .immersive-translate-no-select {
- -webkit-touch-callout: none; /* iOS Safari */
- -webkit-user-select: none; /* Safari */
- -khtml-user-select: none; /* Konqueror HTML */
- -moz-user-select: none; /* Old versions of Firefox */
- -ms-user-select: none; /* Internet Explorer/Edge */
- user-select: none;
- }
- /* li[role="list"].no-arrow > a::after { */
- /* background-image: none; */
- /* width: 0; */
- /* color: var(--color); */
- /* } */
- li[role="list"].no-arrow {
- margin-left: 8px;
- padding-right: 0;
- }
- li[role="list"] > a::after {
- -webkit-margin-start: 0.2rem;
- margin-inline-start: 0.2rem;
- }
- li[role="list"].no-arrow > a,
- li[role="list"].no-arrow > a:link,
- li[role="list"].no-arrow > a:visited {
- color: var(--secondary);
- }
- select.min-select {
- --form-element-spacing-horizontal: 0;
- margin-bottom: 4px;
- max-width: 128px;
- overflow: hidden;
- color: var(--primary);
- font-size: 13px;
- border: none;
- padding: 0;
- padding-right: 20px;
- padding-left: 8px;
- text-overflow: ellipsis;
- color: var(--color);
- }
- select.min-select-secondary {
- color: var(--color);
- }
- select.min-select:focus {
- outline: none;
- border: none;
- --box-shadow: none;
- }
- select.min-select-no-arrow {
- background-image: none;
- padding-right: 0;
- }
- select.min-select-left {
- padding-right: 0px;
- /* padding-left: 24px; */
- /* background-position: center left 0; */
- text-overflow: ellipsis;
- text-align: left;
- }
- .muted {
- color: var(--muted-color);
- }
- .select.button-select {
- --background-color: var(--secondary-hover);
- --border-color: var(--secondary-hover);
- --color: var(--secondary-inverse);
- cursor: pointer;
- --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
- padding: var(--form-element-spacing-vertical)
- var(--form-element-spacing-horizontal);
- border: var(--border-width) solid var(--border-color);
- border-radius: var(--border-radius);
- outline: none;
- background-color: var(--background-color);
- box-shadow: var(--box-shadow);
- color: var(--color);
- font-weight: var(--font-weight);
- font-size: 16px;
- line-height: var(--line-height);
- text-align: center;
- cursor: pointer;
- transition: background-color var(--transition), border-color var(--transition),
- color var(--transition), box-shadow var(--transition);
- -webkit-appearance: button;
- margin: 0;
- margin-bottom: 0px;
- overflow: visible;
- font-family: inherit;
- text-transform: none;
- }
- body {
- padding: 0;
- margin: 0 auto;
- min-width: 268px;
- border-radius: 10px;
- }
- .popup-container {
- font-size: 16px;
- --font-size: 16px;
- color: #666;
- background-color: var(--popup-footer-background-color);
- width: 316px;
- min-width: 316px;
- }
- .popup-content {
- background-color: var(--popup-content-background-color);
- border-radius: 0px 0px 12px 12px;
- padding: 16px 20px;
- }
- .immersive-translate-popup-overlay {
- position: fixed;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- touch-action: none;
- }
- .immersive-translate-popup-wrapper {
- background: var(--background-color);
- border-radius: 10px;
- border: 1px solid var(--muted-border-color);
- }
- #mount#mount {
- --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
- "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
- "Segoe UI Symbol", "Noto Color Emoji";
- --line-height: 1.5;
- --font-weight: 400;
- --font-size: 16px;
- --border-radius: 4px;
- --border-width: 1px;
- --outline-width: 3px;
- --spacing: 16px;
- --typography-spacing-vertical: 24px;
- --block-spacing-vertical: calc(var(--spacing) * 2);
- --block-spacing-horizontal: var(--spacing);
- --grid-spacing-vertical: 0;
- --grid-spacing-horizontal: var(--spacing);
- --form-element-spacing-vertical: 12px;
- --form-element-spacing-horizontal: 16px;
- --nav-element-spacing-vertical: 16px;
- --nav-element-spacing-horizontal: 8px;
- --nav-link-spacing-vertical: 8px;
- --nav-link-spacing-horizontal: 8px;
- --form-label-font-weight: var(--font-weight);
- --transition: 0.2s ease-in-out;
- --modal-overlay-backdrop-filter: blur(4px);
- }
- [data-theme="light"],
- #mount:not([data-theme="dark"]) {
- --popup-footer-background-color: #e8eaeb;
- --popup-content-background-color: #ffffff;
- --popup-item-background-color: #f3f5f6;
- --popup-item-hover-background-color: #eaeced;
- --popup-trial-pro-background-color: #f9fbfc;
- --text-black-2: #222222;
- --text-gray-2: #222222;
- --text-gray-6: #666666;
- --text-gray-9: #999999;
- --text-gray-c2: #c2c2c2;
- --service-select-content-shadow: 0px 2px 12px 0px rgba(75, 76, 77, 0.2);
- --service-select-border-color: #fafafa;
- --service-select-selected-background-color: #f3f5f6;
- }
- @media only screen and (prefers-color-scheme: dark) {
- #mount:not([data-theme="light"]) {
- --popup-footer-background-color: #0d0d0d;
- --popup-content-background-color: #191919;
- --popup-item-background-color: #272727;
- --popup-item-hover-background-color: #333333;
- --popup-trial-pro-background-color: #222222;
- --text-black-2: #ffffff;
- --text-gray-2: #dbdbdb;
- --text-gray-6: #b3b3b3;
- --text-gray-9: #777777;
- --text-gray-c2: #5b5b5b;
- --service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
- --service-select-border-color: #2c2c2c;
- --service-select-selected-background-color: #333333;
- }
- }
- [data-theme="dark"] {
- --popup-footer-background-color: #0d0d0d;
- --popup-content-background-color: #191919;
- --popup-item-background-color: #272727;
- --popup-item-hover-background-color: #333333;
- --popup-trial-pro-background-color: #222222;
- --text-black-2: #ffffff;
- --text-gray-2: #dbdbdb;
- --text-gray-6: #b3b3b3;
- --text-gray-9: #777777;
- --text-gray-c2: #5b5b5b;
- --service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
- --service-select-border-color: #2c2c2c;
- --service-select-selected-background-color: #333333;
- }
- .text-balck {
- color: var(--text-black-2);
- }
- .text-gray-2 {
- color: var(--text-gray-2);
- }
- .text-gray-6 {
- color: var(--text-gray-6);
- }
- .text-gray-9 {
- color: var(--text-gray-9);
- }
- .text-gray-c2 {
- color: var(--text-gray-c2);
- }
- #mount {
- min-width: 268px;
- }
- .main-button {
- font-size: 15px;
- vertical-align: middle;
- border-radius: 12px;
- padding: unset;
- height: 44px;
- line-height: 44px;
- }
- .pt-4 {
- padding-top: 16px;
- }
- .p-2 {
- padding: 8px;
- }
- .pl-5 {
- padding-left: 48px;
- }
- .p-0 {
- padding: 0;
- }
- .pl-2 {
- padding-left: 8px;
- }
- .pl-4 {
- padding-left: 24px;
- }
- .pt-2 {
- padding-top: 8px;
- }
- .pb-2 {
- padding-bottom: 8px;
- }
- .pb-4 {
- padding-bottom: 16px;
- }
- .pb-5 {
- padding-bottom: 20px;
- }
- .pr-5 {
- padding-right: 48px;
- }
- .text-sm {
- font-size: 13px;
- }
- .text-base {
- font-size: 16px;
- }
- .w-full {
- width: 100%;
- }
- .flex {
- display: flex;
- }
- .flex-row {
- flex-direction: row;
- }
- .flex-wrap {
- flex-wrap: wrap;
- }
- .flex-end {
- justify-content: flex-end;
- }
- .flex-grow {
- flex-grow: 1;
- }
- .justify-between {
- justify-content: space-between;
- }
- .mb-0 {
- margin-bottom: 0px;
- }
- .mb-2 {
- margin-bottom: 8px;
- }
- .mb-4 {
- margin-bottom: 16px;
- }
- .mb-3 {
- margin-bottom: 12px;
- }
- .inline-block {
- display: inline-block;
- }
- .py-2 {
- padding-top: 8px;
- padding-bottom: 8px;
- }
- .py-2-5 {
- padding-top: 6px;
- padding-bottom: 6px;
- }
- .mt-0 {
- margin-top: 0;
- }
- .mt-2 {
- margin-top: 8px;
- }
- .mt-3 {
- margin-top: 12px;
- }
- .mt-4 {
- margin-top: 16px;
- }
- .mt-5 {
- margin-top: 20px;
- }
- .mt-6 {
- margin-top: 24px;
- }
- .mb-1 {
- margin-bottom: 4px;
- }
- .ml-4 {
- margin-left: 24px;
- }
- .ml-3 {
- margin-left: 16px;
- }
- .ml-2 {
- margin-left: 8px;
- }
- .ml-1 {
- margin-left: 4px;
- }
- .mr-1 {
- margin-right: 4px;
- }
- .mr-2 {
- margin-right: 8px;
- }
- .mr-3 {
- margin-right: 16px;
- }
- .mx-2 {
- margin-left: 8px;
- margin-right: 8px;
- }
- .pl-3 {
- padding-left: 12px;
- }
- .pr-3 {
- padding-right: 12px;
- }
- .p-3 {
- padding: 12px;
- }
- .px-1 {
- padding-left: 4px;
- padding-right: 4px;
- }
- .px-3 {
- padding-left: 12px;
- padding-right: 12px;
- }
- .pt-3 {
- padding-top: 12px;
- }
- .px-6 {
- padding-left: 18px;
- padding-right: 18px;
- }
- .px-4 {
- padding-left: 16px;
- padding-right: 16px;
- }
- .pt-6 {
- padding-top: 20px;
- }
- .py-3 {
- padding-top: 12px;
- padding-bottom: 12px;
- }
- .py-0 {
- padding-top: 0;
- padding-bottom: 0;
- }
- .left-auto {
- left: auto !important;
- }
- .max-h-28 {
- max-height: 112px;
- }
- .max-h-30 {
- max-height: 120px;
- }
- .overflow-y-scroll {
- overflow-y: scroll;
- }
- .text-xs {
- font-size: 12px;
- }
- .flex-1 {
- flex: 1;
- }
- .flex-3 {
- flex: 3;
- }
- .flex-4 {
- flex: 4;
- }
- .flex-2 {
- flex: 2;
- }
- .items-center {
- align-items: center;
- }
- .max-content {
- width: max-content;
- }
- .justify-center {
- justify-content: center;
- }
- .items-end {
- align-items: flex-end;
- }
- .items-baseline {
- align-items: baseline;
- }
- .my-5 {
- margin-top: 48px;
- margin-bottom: 48px;
- }
- .my-4 {
- margin-top: 24px;
- margin-bottom: 24px;
- }
- .my-3 {
- margin-top: 16px;
- margin-bottom: 16px;
- }
- .pt-3 {
- padding-top: 12px;
- }
- .px-3 {
- padding-left: 12px;
- padding-right: 12px;
- }
- .pt-2 {
- padding-top: 8px;
- }
- .px-2 {
- padding-left: 8px;
- padding-right: 8px;
- }
- .pt-1 {
- padding-top: 4px;
- }
- .px-1 {
- padding-left: 4px;
- padding-right: 4px;
- }
- .pb-2 {
- padding-bottom: 8px;
- }
- .justify-end {
- justify-content: flex-end;
- }
- .w-auto {
- width: auto;
- }
- .shrink-0 {
- flex-shrink: 0;
- }
- select.language-select,
- select.translate-service,
- select.min-select {
- --form-element-spacing-horizontal: 0;
- margin-bottom: 0px;
- max-width: unset;
- flex: 1;
- overflow: hidden;
- font-size: 13px;
- border: none;
- border-radius: 8px;
- padding-right: 30px;
- padding-left: 0px;
- background-position: center right 12px;
- background-size: 16px auto;
- background-image: var(--icon-xia);
- text-overflow: ellipsis;
- color: var(--text-gray-2);
- background-color: transparent;
- box-shadow: unset !important;
- cursor: pointer;
- }
- select.more {
- background-position: center right;
- padding-right: 20px;
- }
- select.transform-padding-left {
- padding-left: 12px;
- transform: translateX(-12px);
- background-position: center right 0px;
- }
- select.translate-service {
- color: var(--text-black-2);
- }
- /* dark use black, for windows */
- @media (prefers-color-scheme: dark) {
- select.language-select option,
- select.translate-service option,
- select.min-select option {
- background-color: #666666;
- }
- }
- .text-overflow-ellipsis {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
- .max-w-20 {
- max-width: 180px;
- white-space: nowrap;
- }
- select.min-select-secondary {
- color: var(--color);
- }
- select.min-select:focus {
- outline: none;
- border: none;
- --box-shadow: none;
- }
- select.min-select-no-arrow {
- background-image: none;
- padding-right: 0;
- }
- select.min-select-left {
- padding-right: 0px;
- /* padding-left: 24px; */
- /* background-position: center left 0; */
- text-overflow: ellipsis;
- text-align: left;
- }
- .popup-footer {
- background-color: var(--popup-footer-background-color);
- height: 40px;
- }
- .text-right {
- text-align: right;
- }
- .clickable {
- cursor: pointer;
- }
- .close {
- cursor: pointer;
- width: 16px;
- height: 16px;
- background-image: var(--icon-close);
- background-position: center;
- background-size: auto 1rem;
- background-repeat: no-repeat;
- opacity: 0.5;
- transition: opacity var(--transition);
- }
- .padding-two-column {
- padding-left: 40px;
- padding-right: 40px;
- }
- .muted {
- color: #999;
- }
- .text-label {
- color: #666;
- }
- .display-none {
- display: none;
- }
- /* dark use #18232c */
- @media (prefers-color-scheme: dark) {
- .text-label {
- color: #9ca3af;
- }
- }
- .text-decoration-none {
- text-decoration: none;
- }
- .text-decoration-none:is([aria-current], :hover, :active, :focus),
- [role="link"]:is([aria-current], :hover, :active, :focus) {
- --text-decoration: none !important;
- background-color: transparent !important;
- }
- .language-select-container {
- position: relative;
- width: 100%;
- background-color: var(--popup-item-background-color);
- height: 55px;
- border-radius: 12px;
- }
- select.language-select {
- color: var(--text-black-2);
- font-size: 14px;
- padding: 8px 24px 24px 16px;
- position: absolute;
- border-radius: 12px;
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- }
- select.text-gray-6 {
- color: var(--text-gray-6);
- }
- .language-select-container label {
- position: absolute;
- bottom: 10px;
- left: 16px;
- font-size: 12px;
- color: var(--text-gray-9);
- line-height: 12px;
- margin: 0;
- }
- .translation-service-container {
- background-color: var(--popup-item-background-color);
- border-radius: 12px;
- }
- .min-select-container {
- display: flex;
- justify-content: space-between;
- align-items: center;
- height: 44px;
- background-color: var(--popup-item-background-color);
- padding-left: 16px;
- }
- .min-select-container:first-child {
- border-top-left-radius: 10px;
- border-top-right-radius: 10px;
- }
- .min-select-container:last-child {
- border-bottom-left-radius: 10px;
- border-bottom-right-radius: 10px;
- }
- .min-select-container:only-child {
- border-radius: 10px;
- }
- .translate-mode {
- width: 44px;
- height: 44px;
- border-radius: 22px;
- background-color: var(--popup-item-background-color);
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- cursor: pointer;
- }
- .translate-mode svg {
- fill: var(--text-gray-2);
- }
- .widgets-container {
- display: flex;
- align-items: stretch;
- justify-content: space-between;
- width: 100%;
- gap: 9px;
- }
- .widget-item {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- background-color: var(--popup-item-background-color);
- font-size: 12px;
- min-height: 59px;
- height: 100%;
- border-radius: 8px;
- cursor: pointer;
- flex: 1;
- padding: 8px 4px;
- text-align: center;
- }
- .widget-icon-container {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 30px;
- width: 100%;
- margin-bottom: 4px;
- }
- .widget-title-container {
- display: flex;
- align-items: flex-start;
- justify-content: center;
- height: 24px;
- width: 100%;
- padding-bottom: 4px;
- }
- .widget-icon {
- margin-bottom: 4px;
- display: flex;
- justify-content: center;
- }
- .widget-title {
- color: var(--text-gray-6);
- font-size: 12px;
- text-align: center;
- width: 100%;
- font-weight: 400;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- padding: 0 2px 2px;
- }
- .widget-item svg {
- fill: var(--text-gray-2);
- }
- .setting svg {
- fill: var(--text-gray-6);
- }
- .share-button-container {
- display: flex;
- align-items: center;
- cursor: pointer;
- padding: 2px 3px 0 8px;
- }
- .share-button-container svg {
- fill: var(--text-gray-9);
- }
- .min-select-container:hover,
- .language-select-container:hover,
- .widget-item:hover,
- .translate-mode:hover {
- background-color: var(--popup-item-hover-background-color);
- }
- .main-button:hover {
- background-color: #f5508f;
- }
- .share-button-container:hover {
- background-color: var(--popup-item-background-color);
- border-radius: 6px;
- }
- .error-boundary {
- background: #fff2f0;
- border: 1px solid #ffccc7;
- display: flex;
- padding: 12px;
- font-size: 14px;
- color: rgba(0, 0, 0, 0.88);
- word-break: break-all;
- margin: 12px;
- border-radius: 12px;
- flex-direction: column;
- }
- .upgrade-pro {
- border-radius: 11px;
- background: linear-gradient(57deg, #272727 19.8%, #696969 82.2%);
- padding: 2px 8px;
- transform: scale(0.85);
- }
- .upgrade-pro span {
- background: linear-gradient(180deg, #ffeab4 17.65%, #f8c235 85.29%);
- background-clip: text;
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- font-size: 12px;
- margin-left: 4px;
- }
- .upgrade-pro svg {
- margin-top: -2px;
- }
- .upgrade-pro:hover {
- background: linear-gradient(57deg, #3d3d3d 19.8%, #949494 82.2%);
- }
- .border-bottom-radius-0 {
- border-bottom-left-radius: 0 !important;
- border-bottom-right-radius: 0 !important;
- }
- .trial-pro-container {
- border-radius: 0px 0px 12px 12px;
- background: var(--popup-trial-pro-background-color);
- display: flex;
- align-items: center;
- height: 44px;
- padding-left: 16px;
- padding-right: 12px;
- font-size: 12px;
- }
- .trial-pro-container label {
- line-height: 13px;
- color: var(--text-black-2);
- }
- .trial-pro-container img {
- margin-left: 5px;
- }
- .cursor-pointer {
- cursor: pointer;
- }
- .upgrade-pro-discount-act {
- height: 25px;
- display: flex;
- padding: 0 4px;
- align-items: center;
- border-radius: 15px;
- background: linear-gradient(
- 90deg,
- #cefbfa 11.33%,
- #d7f56f 63.75%,
- #fccd5e 100%
- );
- transform: scale(0.9);
- box-shadow: 0px 1.8px 3.6px 0px rgba(0, 0, 0, 0.1);
- cursor: pointer;
- }
- .upgrade-pro-discount-act span {
- font-size: 12px;
- font-weight: 700;
- margin-left: 4px;
- color: #222222;
- }
- .upgrade-pro-discount-act:hover {
- text-decoration: unset;
- background: linear-gradient(
- 90deg,
- #e2fffe 11.33%,
- #e6ff91 63.75%,
- #ffdf93 100%
- );
- }
- .custom-select-container {
- width: 200px;
- position: relative;
- flex: 1;
- }
- .custom-select-content {
- border-radius: 12px;
- background: var(--popup-content-background-color);
- box-shadow: var(--service-select-content-shadow);
- border: 1px solid var(--service-select-border-color);
- padding: 4px 5px;
- position: absolute;
- left: 0;
- right: 0;
- z-index: 100;
- overflow-y: auto;
- }
- .custom-select-item {
- font-size: 13px;
- padding: 5px 6px;
- border-radius: 8px;
- display: flex;
- align-items: center;
- cursor: pointer;
- color: var(--text-black-2);
- width: 100%;
- overflow: hidden;
- height: 30px;
- line-height: 30px;
- }
- .custom-select-item-img {
- width: 20px;
- height: 20px;
- margin-right: 4px;
- }
- @media (prefers-color-scheme: dark) {
- .custom-select-item-img {
- margin-right: 6px;
- }
- }
- .custom-select-content .custom-select-item.selected,
- .custom-select-content .custom-select-item:hover {
- background: var(--service-select-selected-background-color);
- }
- .custom-select-item > span {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .custom-select-item-pro {
- font-size: 12px;
- margin-left: 6px;
- }
- .custom-select-item-pro img {
- margin: 0 3px;
- width: 20px;
- }
- .more-container {
- position: relative;
- }
- .new-menu-indicator {
- position: absolute;
- width: 8px;
- height: 8px;
- background-color: #ef3434;
- border-radius: 50%;
- right: 18px;
- top: 4px;
- }
- html {
- font-size: 17px;
- }
- @media print {
- .imt-fb-container {
- display: none !important;
- }
- }
- #mount#mount {
- position: absolute;
- display: none;
- min-width: 250px;
- height: auto;
- --font-size: 17px;
- font-size: 17px;
- }
- /* float-ball */
- .imt-fb-container {
- position: fixed;
- padding: 0;
- z-index: 2147483647;
- top: 335px;
- width: fit-content;
- display: flex;
- flex-direction: column;
- display: none;
- }
- .imt-fb-container.left {
- align-items: flex-start;
- left: 0;
- }
- .imt-fb-container.right {
- align-items: flex-end;
- right: 0;
- }
- .imt-fb-btn {
- cursor: pointer;
- background: var(--float-ball-more-button-background-color);
- height: 36px;
- width: 56px;
- box-shadow: 2px 6px 10px 0px #0e121629;
- }
- .imt-fb-btn.left {
- border-top-right-radius: 36px;
- border-bottom-right-radius: 36px;
- }
- .imt-fb-btn.right {
- border-top-left-radius: 36px;
- border-bottom-left-radius: 36px;
- }
- .imt-fb-btn div {
- background: var(--float-ball-more-button-background-color);
- height: 36px;
- width: 54px;
- display: flex;
- align-items: center;
- }
- .imt-fb-btn.left div {
- border-top-right-radius: 34px;
- border-bottom-right-radius: 34px;
- justify-content: flex-end;
- }
- .imt-fb-btn.right div {
- border-top-left-radius: 34px;
- border-bottom-left-radius: 34px;
- }
- .imt-fb-logo-img {
- width: 20px;
- height: 20px;
- margin: 0 10px;
- }
- .imt-fb-logo-img-big-bg {
- width: 28px;
- height: 28px;
- margin: 0;
- padding: 4px;
- background-color: #ed6d8f;
- border-radius: 50%;
- margin: 0 5px;
- }
- .imt-float-ball-translated {
- position: absolute;
- width: 11px;
- height: 11px;
- bottom: 4px;
- right: 20px;
- }
- .btn-animate {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition: -webkit-transform ease-out 250ms;
- transition: -webkit-transform ease-out 250ms;
- transition: transform ease-out 250ms;
- transition: transform ease-out 250ms, -webkit-transform ease-out 250ms;
- }
- .imt-fb-setting-btn {
- margin-right: 18px;
- width: 28px;
- height: 28px;
- }
- .immersive-translate-popup-wrapper {
- background: var(--background-color);
- border-radius: 20px;
- box-shadow: 2px 10px 24px 0px #0e121614;
- border: none;
- }
- .popup-container {
- border-radius: 20px;
- }
- .popup-content {
- border-radius: 20px 20px 12px 12px;
- }
- .popup-footer {
- border-radius: 20px;
- }
- .imt-fb-close-button {
- pointer-events: all;
- cursor: pointer;
- position: absolute;
- margin-top: -10px;
- }
- .imt-fb-close-content {
- padding: 22px;
- width: 320px;
- pointer-events: all;
- }
- .imt-fb-close-title {
- font-weight: 500;
- color: var(--h2-color);
- }
- .imt-fb-close-radio-content {
- background-color: var(--background-light-green);
- padding: 8px 20px;
- }
- .imt-fb-radio-sel,
- .imt-fb-radio-nor {
- width: 16px;
- height: 16px;
- border-radius: 8px;
- flex-shrink: 0;
- }
- .imt-fb-radio-sel {
- border: 2px solid var(--primary);
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .imt-fb-radio-sel div {
- width: 8px;
- height: 8px;
- border-radius: 4px;
- background-color: var(--primary);
- }
- .imt-fb-radio-nor {
- border: 2px solid #d3d4d6;
- }
- .imt-fb-primary-btn {
- background-color: var(--primary);
- width: 72px;
- height: 32px;
- color: white;
- border-radius: 8px;
- text-align: center;
- line-height: 32px;
- font-size: 16px;
- cursor: pointer;
- }
- .imt-fb-default-btn {
- border: 1px solid var(--primary);
- width: 72px;
- height: 32px;
- border-radius: 8px;
- color: var(--primary);
- line-height: 32px;
- text-align: center;
- font-size: 16px;
- cursor: pointer;
- }
- .imt-fb-guide-container {
- width: 312px;
- transform: translateY(-50%);
- }
- .imt-fb-guide-bg {
- position: absolute;
- left: 30px;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: -1;
- height: 100%;
- width: 90%;
- }
- .imt-fb-guide-bg.left {
- transform: scaleX(-1);
- }
- .imt-fb-guide-content {
- margin: 16px -30px 80px 0px;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .imt-fb-guide-content.left {
- margin: 16px 21px 60px 32px;
- }
- .imt-fb-guide-img {
- width: 220px;
- height: 112px;
- }
- .imt-fb-guide-message {
- font-size: 16px;
- line-height: 28px;
- color: #333333;
- white-space: pre-wrap;
- text-align: center;
- font-weight: 700;
- margin-bottom: 20px;
- }
- .imt-fb-guide-button {
- margin-top: 16px;
- line-height: 40px;
- height: 40px;
- padding: 0 20px;
- width: unset;
- }
- .imt-fb-more-buttons {
- box-shadow: 0px 2px 10px 0px #00000014;
- border: none;
- background: var(--float-ball-more-button-background-color);
- width: 36px;
- display: flex;
- flex-direction: column;
- border-radius: 18px;
- margin-top: 0px;
- padding: 7px 0 7px 0;
- }
- .imt-fb-more-buttons > div {
- margin: auto;
- }
- .imt-fb-side {
- border-radius: 50%;
- margin-bottom: 10px;
- cursor: pointer;
- pointer-events: all;
- }
- .imt-fb-side * {
- pointer-events: all;
- }
- .imt-fb-more-button {
- width: 36px;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- }
- /* Sheet.css */
- .immersive-translate-sheet {
- position: fixed;
- transform: translateY(100%);
- /* Start off screen */
- left: 0;
- right: 0;
- background-color: white;
- transition: transform 0.3s ease-out;
- /* Smooth slide transition */
- box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
- /* Ensure it's above other content */
- bottom: 0;
- border-top-left-radius: 16px;
- border-top-right-radius: 16px;
- overflow: hidden;
- }
- .immersive-translate-sheet.visible {
- transform: translateY(0);
- }
- .immersive-translate-sheet-backdrop {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.5);
- opacity: 0;
- transition: opacity 0.3s ease-out;
- }
- .immersive-translate-sheet-backdrop.visible {
- opacity: 1;
- }
- .popup-container-sheet {
- max-width: 100vw;
- width: 100vw;
- }
- .imt-no-events svg * {
- pointer-events: none !important;
- }
- .imt-manga-button {
- width: 36px;
- display: flex;
- flex-direction: column;
- position: relative;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- pointer-events: all;
- margin: 0 0 10px 0;
- background-color: var(--float-ball-more-button-background-color);
- border-radius: 18px;
- filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.08));
- opacity: 0.5;
- right: 8px;
- padding: 10px 0 4px 0;
- }
- .imt-manga-feedback {
- cursor: pointer;
- margin-bottom: 10px;
- }
- .imt-fb-feedback {
- cursor: pointer;
- margin-top: 10px;
- }
- .imt-fb-upgrade-button {
- cursor: pointer;
- margin-top: 10px;
- }
- .imt-manga-button:hover {
- opacity: 1;
- }
- .imt-manga-translated {
- position: absolute;
- left: 24px;
- top: 20px;
- }
- .imt-float-ball-loading {
- animation: imt-loading-animation 0.6s infinite linear !important;
- }
- .imt-manga-guide-bg {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: -1;
- width: 372px;
- transform: translateY(-50%);
- }
- .imt-manga-guide-content {
- position: absolute;
- top: 15px;
- left: 0;
- right: 0;
- margin: 0 40px 0;
- }
- .img-manga-guide-button {
- width: fit-content;
- margin: 16px auto;
- }
- .img-manga-close {
- position: absolute;
- bottom: -200px;
- width: 32px;
- height: 32px;
- left: 0;
- right: 0;
- margin: auto;
- cursor: pointer;
- }
- .imt-fb-container.dragging .imt-fb-more-buttons,
- .imt-fb-container.dragging .imt-manga-button,
- .imt-fb-container.dragging .btn-animate:not(.imt-fb-btn) {
- display: none !important;
- }
- .imt-fb-container.dragging .imt-fb-btn {
- border-radius: 50% !important;
- width: 36px !important;
- height: 36px !important;
- display: flex !important;
- align-items: center !important;
- justify-content: center !important;
- cursor: move !important;
- }
- .imt-fb-container.dragging .imt-fb-btn div {
- border-radius: 50% !important;
- width: 36px !important;
- height: 36px !important;
- display: flex !important;
- align-items: center !important;
- justify-content: center !important;
- margin: 0 !important;
- }
- .imt-fb-container.dragging .imt-fb-btn.left,
- .imt-fb-container.dragging .imt-fb-btn.right {
- border-radius: 50% !important;
- }
- .imt-fb-container.dragging .imt-fb-btn.left div,
- .imt-fb-container.dragging .imt-fb-btn.right div {
- border-radius: 50% !important;
- }
- .imt-fb-container.dragging .imt-fb-logo-img {
- margin: 0 !important;
- padding: 4px !important;
- }
- .imt-fb-container.dragging .imt-float-ball-translated {
- right: 2px !important;
- bottom: 2px !important;
- }
- @-webkit-keyframes imt-loading-animation {
- from {
- -webkit-transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(359deg);
- }
- }
- @keyframes imt-loading-animation {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(359deg);
- }
- }
- </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>
|