yuanxin
/
APP_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618
							<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>总收益票据 · 票据操作与查询 · 深空蓝</title>
<style>
/* ============================================================
   共赢票据投资者 APP — 深空蓝设计系统 (Deep-Space Blue)
   双主题：data-theme="light" | "dark"，可作用于 :root 或任意容器
   ============================================================ */

/* ---------- 浅色（默认） ---------- */
:root,
[data-theme="light"]{
  --canvas:#E7ECF4;          /* 图纸底 */
  --canvas-2:#F4F7FB;        /* 图纸卡片 */
  --canvas-line:#D3DCE8;
  --canvas-ink:#0F1B33;
  --canvas-mute:#647591;

  --app-bg:#F6F8FB;          /* App 页面底 */
  --surface:#FFFFFF;         /* 卡片/导航 */
  --surface-2:#F1F4F9;       /* 次级面/表头 */
  --surface-3:#E8EDF5;       /* 三级面 */
  --line:#E3E9F1;
  --line-2:#CFD9E7;
  --ink-1:#0F1B33;
  --ink-2:#4C5C78;
  --ink-3:#8A99B2;
  --ink-4:#AEBACD;

  --brand:#1B4FD8;
  --brand-2:#123CAE;
  --brand-weak:#E7EEFF;
  --brand-line:#B9CDFF;
  --on-brand:#FFFFFF;

  --accent:#B4700E;          /* 琥珀 强调 */
  --accent-weak:#FDF2DE;
  --accent-line:#EBCD97;

  --rise:#E5484D;            /* 涨 / 盈利 */
  --fall:#12A594;            /* 跌 / 亏损 */
  --rise-weak:#FDECEC;
  --fall-weak:#E3F7F3;
  --warn:#C2410C;
  --warn-weak:#FEF0E6;
  --danger:#DC2626;
  --danger-weak:#FDEBEB;
  --ok:#0F7B4F;
  --ok-weak:#E4F5EC;

  --shadow-card:0 1px 2px rgba(15,27,51,.05),0 8px 24px rgba(15,27,51,.06);
  --shadow-phone:0 18px 44px rgba(15,27,51,.16),0 2px 6px rgba(15,27,51,.08);
  --shadow-pop:0 12px 40px rgba(15,27,51,.20);
  --scrim:rgba(11,18,34,.42);
  --bezel:#C7D2E2;
  --glow:none;
}

/* ---------- 深色 ---------- */
[data-theme="dark"]{
  --canvas:#060A14;
  --canvas-2:#0E1526;
  --canvas-line:#1E2A44;
  --canvas-ink:#E9EFFA;
  --canvas-mute:#8797B4;

  --app-bg:#0B1020;
  --surface:#131B2E;
  --surface-2:#18223A;
  --surface-3:#1E2A45;
  --line:#232F4B;
  --line-2:#32436A;
  --ink-1:#EAF0FA;
  --ink-2:#A5B4D0;
  --ink-3:#7486A5;
  --ink-4:#54658A;

  --brand:#5B8CFF;
  --brand-2:#7FA6FF;
  --brand-weak:rgba(91,140,255,.16);
  --brand-line:rgba(91,140,255,.42);
  --on-brand:#05122E;

  --accent:#F0A93B;
  --accent-weak:rgba(240,169,59,.15);
  --accent-line:rgba(240,169,59,.42);

  --rise:#FF6B6E;
  --fall:#2FD4B9;
  --rise-weak:rgba(255,107,110,.14);
  --fall-weak:rgba(47,212,185,.14);
  --warn:#F59E42;
  --warn-weak:rgba(245,158,66,.14);
  --danger:#FF6B6E;
  --danger-weak:rgba(255,107,110,.14);
  --ok:#2FD4B9;
  --ok-weak:rgba(47,212,185,.14);

  --shadow-card:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.34);
  --shadow-phone:0 20px 50px rgba(0,0,0,.6),0 0 0 1px rgba(91,140,255,.10);
  --shadow-pop:0 14px 44px rgba(0,0,0,.62);
  --scrim:rgba(2,6,16,.62);
  --bezel:#26324C;
  --glow:0 0 0 1px rgba(91,140,255,.14);
}

/* ---------- 基础 ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--canvas);color:var(--canvas-ink);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  padding:44px 46px 110px;
  transition:background .28s ease,color .28s ease;
}
.mono{font-family:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace}
.num{font-variant-numeric:tabular-nums;letter-spacing:.01em}

/* ---------- 图纸头 ---------- */
.sheet-head{
  display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between;
  padding-bottom:24px;margin-bottom:44px;border-bottom:1px solid var(--canvas-line);
}
.brandmark{display:flex;align-items:center;gap:14px}
.brandmark .glyph{
  width:44px;height:44px;border-radius:12px;flex:none;position:relative;
  background:linear-gradient(145deg,var(--brand),var(--brand-2));
  box-shadow:0 6px 18px rgba(27,79,216,.28);
}
.brandmark .glyph::before{
  content:"";position:absolute;inset:12px 11px;border:1.6px solid rgba(255,255,255,.9);
  border-radius:2px;border-bottom-width:4px;
}
.brandmark .glyph::after{
  content:"";position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--accent);
}
.sheet-title{font-size:26px;font-weight:650;letter-spacing:.02em;line-height:1.2}
.sheet-sub{margin-top:6px;font-size:12.5px;color:var(--canvas-mute);letter-spacing:.02em}
.head-right{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.meta{display:flex;gap:26px}
.meta div{font-size:10.5px;color:var(--canvas-mute);letter-spacing:.1em;text-transform:uppercase}
.meta b{display:block;margin-top:5px;font-size:12.5px;color:var(--canvas-ink);font-weight:550;letter-spacing:0;text-transform:none}

/* 换肤开关 */
.skin{
  display:flex;align-items:center;gap:0;padding:3px;border-radius:9px;
  background:var(--canvas-2);border:1px solid var(--canvas-line);
}
.skin button{
  border:0;background:transparent;cursor:pointer;font:inherit;
  padding:7px 13px;border-radius:6px;font-size:12px;color:var(--canvas-mute);
  display:flex;align-items:center;gap:6px;letter-spacing:.04em;transition:.2s;
}
.skin button.on{background:var(--brand);color:#fff;box-shadow:0 2px 8px rgba(27,79,216,.3)}
[data-theme="dark"] .skin button.on{color:#04122F}
.skin svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 章节 ---------- */
.sec{margin-bottom:60px}
.sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:24px}
.sec-num{
  font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:11px;color:var(--brand);
  letter-spacing:.12em;padding:3px 8px;border:1px solid var(--brand-line);border-radius:5px;background:var(--brand-weak);
}
.sec-name{font-size:17px;font-weight:600;letter-spacing:.04em}
.sec-rule{flex:1;height:1px;background:var(--canvas-line)}
.sec-note{font-size:12px;color:var(--canvas-mute)}

/* ---------- 说明卡 ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.card-x{background:var(--canvas-2);border:1px solid var(--canvas-line);border-radius:12px;padding:18px 20px}
.card-x h4{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--canvas-mute);margin-bottom:14px;text-transform:uppercase}
.kv{display:flex;flex-direction:column;gap:10px}
.kv .r{display:flex;justify-content:space-between;gap:14px;font-size:12.5px;line-height:1.5}
.kv .r span{color:var(--canvas-mute)}
.kv .r b{font-weight:520;text-align:right;font-variant-numeric:tabular-nums}
.bullets{display:flex;flex-direction:column;gap:9px}
.bullets li{list-style:none;font-size:12.5px;line-height:1.65;color:var(--canvas-mute);padding-left:14px;position:relative}
.bullets li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:1.5px;background:var(--brand);border-radius:1px}
.bullets b{color:var(--canvas-ink);font-weight:560}
code{font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:11.5px;background:var(--surface-3);color:var(--canvas-ink);padding:1px 5px;border-radius:4px}

/* ---------- 色板 ---------- */
.pal{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.sw{border:1px solid var(--canvas-line);border-radius:10px;overflow:hidden;background:var(--canvas-2)}
.sw .chip{height:56px;display:flex;align-items:flex-end;justify-content:flex-end;padding:7px 9px}
.sw .chip i{font-style:normal;font-size:9.5px;color:rgba(255,255,255,.85);font-family:"SF Mono",monospace}
.sw .lb{padding:9px 11px}
.sw .lb b{display:block;font-size:12px;font-weight:560}
.sw .lb em{font-style:normal;display:block;font-size:10.5px;color:var(--canvas-mute);margin-top:3px;font-family:"SF Mono",monospace}

/* ---------- 表 ---------- */
table.spec{width:100%;border-collapse:collapse;font-size:12.5px;background:var(--canvas-2);border:1px solid var(--canvas-line);border-radius:12px;overflow:hidden}
table.spec th{
  background:var(--surface-2);text-align:left;padding:11px 14px;font-size:10.5px;font-weight:600;
  letter-spacing:.1em;color:var(--canvas-mute);text-transform:uppercase;border-bottom:1px solid var(--canvas-line);
}
table.spec td{padding:11px 14px;border-bottom:1px solid var(--canvas-line);color:var(--canvas-mute);line-height:1.6;vertical-align:top}
table.spec tr:last-child td{border-bottom:0}
table.spec td b{color:var(--canvas-ink);font-weight:550}
table.spec td.m{font-family:"SF Mono",ui-monospace,Menlo,monospace;color:var(--canvas-ink);font-size:11.5px}

/* ---------- 画板 ---------- */
.frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,390px));gap:52px 36px;justify-content:start}
.frame{width:390px}
.frame.w2{grid-column:span 2}
.phone{
  width:390px;height:844px;border-radius:42px;overflow:hidden;position:relative;
  background:var(--app-bg);border:1px solid var(--bezel);box-shadow:var(--shadow-phone);
  font-size:15px;color:var(--ink-1);transition:background .28s ease,border-color .28s ease;
  isolation:isolate;
}
.cap{margin-top:18px;padding-left:13px;border-left:2px solid var(--brand)}
.cap-num{font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--brand);letter-spacing:.12em}
.cap-title{font-size:14.5px;font-weight:600;margin:5px 0 8px;letter-spacing:.02em}
.cap ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.cap li{font-size:12px;line-height:1.62;color:var(--canvas-mute);padding-left:12px;position:relative}
.cap li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:1px;background:var(--canvas-line)}
.cap li b{color:var(--canvas-ink);font-weight:550}
.cap code{font-size:11px;background:var(--surface-3)}

/* ============================================================
   App 内部组件
   ============================================================ */
.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--app-bg)}

.statusbar{height:52px;flex:none;display:flex;align-items:flex-end;justify-content:space-between;padding:0 24px 6px;font-size:14.5px;font-weight:600;color:var(--ink-1)}
.statusbar .ic{display:flex;gap:6px;align-items:center;opacity:.9}
.statusbar svg{height:12px;fill:currentColor}
.homebar{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:132px;height:5px;border-radius:3px;background:var(--ink-1);opacity:.26;z-index:60}

/* 顶栏 */
.navbar{height:46px;flex:none;display:flex;align-items:center;padding:0 16px;position:relative;background:var(--app-bg)}
.navbar h2{position:absolute;left:0;right:0;text-align:center;font-size:16.5px;font-weight:600;letter-spacing:.03em}
.navbar .bk,.navbar .rt{position:relative;z-index:2;color:var(--ink-2);display:flex;align-items:center;gap:5px;font-size:13px}
.navbar .rt{margin-left:auto;color:var(--brand)}
.icn{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icn.sm{width:14px;height:14px}
.icn.lg{width:22px;height:22px}

.appbar{padding:4px 20px 0;flex:none}
.appbar h1{font-size:22px;font-weight:650;letter-spacing:.02em;display:flex;align-items:center;gap:9px}
.appbar h1 .tiny{font-size:11px;font-weight:500;color:var(--ink-3);letter-spacing:.1em;padding:3px 7px;border:1px solid var(--line-2);border-radius:5px}
/* 顶栏铃铛 · 未读红点 */
.bellwrap{position:relative;display:inline-flex;flex:none}
.bellwrap .rd{position:absolute;top:-1px;right:0;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--app-bg);font-style:normal}
/* 两行顶栏（标题 + 分段控件）的标题行：标题左、铃铛右 */
.apphd{display:flex;align-items:center;justify-content:space-between}

/* 分段控件 */
.seg{display:flex;padding:3px;background:var(--surface-2);border-radius:9px;gap:2px}
.seg span{flex:1;text-align:center;padding:7px 0;font-size:13.5px;color:var(--ink-3);border-radius:7px;transition:.2s}
.seg span.on{background:var(--surface);color:var(--ink-1);font-weight:600;box-shadow:var(--shadow-card)}
[data-theme="dark"] .seg span.on{background:var(--surface-3);color:var(--brand)}

/* 下划线 tab */
.tabs{display:flex;gap:24px;padding:0 20px;border-bottom:1px solid var(--line);flex:none;background:var(--app-bg)}
.tabs span{padding:12px 1px 11px;font-size:14.5px;color:var(--ink-3);position:relative;white-space:nowrap}
.tabs span.on{color:var(--ink-1);font-weight:600}
.tabs span.on::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-1px;width:22px;height:2.5px;border-radius:2px;background:var(--brand)}
.tabs span .dot{position:absolute;top:9px;right:-7px;width:6px;height:6px;padding:0;font-size:0;border-radius:50%;background:var(--danger)}
.tabs span em{font-style:normal;color:var(--danger)}

/* 底部 tabbar */
.tabbar{height:72px;flex:none;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:10px}
.tb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10.5px;color:var(--ink-3)}
.tb.on{color:var(--brand)}
.tb .icn{width:21px;height:21px;stroke-width:1.6}

/* 滚动体 */
.body{flex:1;overflow:hidden;position:relative}
.pad{padding:0 16px}

/* 卡片 */
.card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-card);overflow:hidden}
[data-theme="dark"] .card{border:1px solid var(--line)}
.card + .card:not(.pos):not(.qc){margin-top:11px}
.card-hd{display:flex;align-items:center;justify-content:space-between;padding:13px 15px 0}
.card-hd h3{font-size:14.5px;font-weight:600}
.card-hd .more{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:2px}

/* 资金看板 */
.hero{
  margin:10px 16px 0;border-radius:16px;padding:18px 18px 16px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#1B4FD8 0%,#123CAE 58%,#0C2C86 100%);color:#fff;
  box-shadow:0 12px 30px rgba(18,60,174,.30);
}
[data-theme="dark"] .hero{background:linear-gradient(150deg,#1A2C5C 0%,#132347 55%,#101B39 100%);box-shadow:0 12px 30px rgba(0,0,0,.5);border:1px solid rgba(91,140,255,.24)}
.hero::after{content:"";position:absolute;right:-40px;top:-52px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.07)}
[data-theme="dark"] .hero::after{background:rgba(91,140,255,.10)}
.hero .lb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:rgba(255,255,255,.76)}
.hero .lb .cur{display:flex;align-items:center;gap:3px;padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.14);font-size:11.5px}
.hero .amt{margin-top:7px;font-size:33px;font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}
.hero .amt .eye{opacity:.6}
.hero .arrow{position:absolute;right:18px;top:20px;opacity:.75}
.hero .grid3{display:flex;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.hero .grid3 div{flex:1}
.hero .grid3 span{display:block;font-size:11px;color:rgba(255,255,255,.7)}
.hero .grid3 b{display:block;margin-top:5px;font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums}

/* 币种表 */
.fxtab{width:100%;border-collapse:collapse;font-size:12.5px}
.fxtab th{padding:9px 15px;font-size:10.5px;font-weight:500;color:var(--ink-3);letter-spacing:.06em;text-align:right;background:var(--surface-2)}
.fxtab th:first-child{text-align:left}
.fxtab td{padding:10px 15px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-1);border-top:1px solid var(--line)}
.fxtab td:first-child{text-align:left;font-family:"SF Mono",monospace;font-size:12px;color:var(--ink-2)}

/* ============================================================
   资产详情 —— 净值块 + 分组列表（组头行 / 明细行 / 子行）
   ============================================================ */

/* 净值块：直接落在页面底色上，不做渐变卡 */
.netv{padding:12px 16px 15px}
.netv .lb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3);height:22px}
.netv .cur{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:500}
[data-theme="dark"] .netv .cur{background:var(--surface-3)}
.netv .cur .icn{width:11px;height:11px;color:var(--ink-3)}
.netv .amt{margin-top:6px;font-size:34px;line-height:41px;font-weight:600;letter-spacing:.005em;color:var(--ink-1);font-variant-numeric:tabular-nums}

/* 分组列表卡 */
.glist{background:var(--surface);border-radius:12px;overflow:hidden;margin:0 16px;box-shadow:var(--shadow-card)}
[data-theme="dark"] .glist{border:1px solid var(--line)}
.glist .r{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 16px;position:relative;font-size:14.5px}
.glist .r::after{content:"";position:absolute;left:16px;right:0;bottom:0;height:1px;background:var(--line)}
.glist .r:last-child::after{display:none}
.glist .r .k{color:var(--ink-2);display:flex;align-items:center;gap:6px;min-width:0}
.glist .r .v{color:var(--ink-1);font-variant-numeric:tabular-nums;letter-spacing:.01em;flex:none}

/* 组头行：合计口径，灰底加粗 */
.glist .r.hd{height:46px;background:var(--surface-2)}
.glist .r.hd:not(:first-child){box-shadow:inset 0 1px 0 var(--line)}
.glist .r.hd::after{left:0}
.glist .r.hd .k{color:var(--ink-1);font-weight:600;font-size:15px}
.glist .r.hd .v{color:var(--ink-1);font-weight:600;font-size:15px}

/* 子行：缩进 + 降一级灰度，分隔线随缩进内收 */
.glist .r.sub{height:40px;padding-left:30px;font-size:13.5px}
.glist .r.sub::after{left:30px}
.glist .r.sub .k{color:var(--ink-3);font-size:13.5px}
.glist .r.sub .v{color:var(--ink-3);font-size:13.5px}

/* 父级行：有下级构成项，但与同卡其他一级行平级，不加底色 */
.glist .r.pa .v:empty{display:none}

/* 行内注记：不做胶囊，只降一级灰度，避免抢明细读数 */
.glist .note{font-size:10px;color:var(--ink-4);letter-spacing:.02em;font-weight:400;flex:none}

/* 分组标题（卡外，含右侧附注） */
.gtitle.tight{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:15px 16px 7px;font-size:12px;letter-spacing:.04em;color:var(--ink-3)}
.gtitle.tight b{color:var(--ink-2);font-weight:600}
.gtitle.tight em{font-style:normal;font-size:10.5px;color:var(--ink-4);letter-spacing:.02em;text-align:right;flex:none}

/* 滚动条示意 */
.sbar{position:absolute;right:3px;width:3px;border-radius:2px;background:var(--ink-4);opacity:.3;z-index:6}

/* 币种选择行 */
.curow{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);font-size:14.5px}
.curow:last-of-type{border-bottom:0}
.curow .cl{display:flex;align-items:center;gap:7px;color:var(--ink-1)}
.curow .cr{display:flex;align-items:center;gap:9px;font-family:"SF Mono",ui-monospace,Menlo,monospace;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.curow.on .cl{font-weight:600}
.curow.on .cr{color:var(--brand)}
/* 快捷入口 */
.quick{display:flex;gap:11px;margin:11px 16px 0}
.qk{flex:1;background:var(--surface);border-radius:13px;padding:13px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-card);position:relative}
[data-theme="dark"] .qk{border:1px solid var(--line)}
.qk .ib{width:32px;height:32px;border-radius:9px;background:var(--brand-weak);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}
.qk b{font-size:13.5px;font-weight:550}
.qk .rd{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--surface)}

/* 列表行 */
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line);font-size:14.5px}
.row:last-child{border-bottom:0}
.row .k{color:var(--ink-2);display:flex;align-items:center;gap:7px;flex:none}
.row .k .icn{color:var(--ink-3)}
.row .v{color:var(--ink-1);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px;text-align:right}
.row .v.ph{color:var(--ink-4)}
.row .v.m{font-family:"SF Mono",monospace;font-size:13.5px}
.hint{width:13px;height:13px;border-radius:50%;border:1px solid var(--ink-4);color:var(--ink-3);font-size:8.5px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;flex:none}

/* 标签 / 徽标 */
.tag{font-size:10.5px;padding:2px 6px;border-radius:4px;letter-spacing:.02em;font-weight:520;display:inline-flex;align-items:center;gap:3px;flex:none}
.t-brand{background:var(--brand-weak);color:var(--brand)}
.t-accent{background:var(--accent-weak);color:var(--accent)}
.t-rise{background:var(--rise-weak);color:var(--rise)}
.t-fall{background:var(--fall-weak);color:var(--fall)}
.t-ok{background:var(--ok-weak);color:var(--ok)}
.t-warn{background:var(--warn-weak);color:var(--warn)}
.t-mute{background:var(--surface-3);color:var(--ink-3)}
.t-solid{background:var(--brand);color:var(--on-brand)}
.t-danger{background:var(--danger);color:#fff}
.cmark{width:14px;height:14px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-size:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex:none;font-style:normal}
.corner{position:absolute;left:0;top:0;padding:2px 9px 2px 7px;font-size:9.5px;color:#fff;background:var(--danger);border-radius:12px 0 12px 0;letter-spacing:.04em;z-index:3}
.corner.due{background:var(--accent)}
.corner.pend{background:var(--ink-3)}

/* 状态点 */
.st{display:inline-flex;align-items:center;gap:5px;font-size:12.5px}
.st i{width:6px;height:6px;border-radius:50%;flex:none;background:currentColor}
.st.wait{color:var(--ink-3)}
.st.live{color:var(--accent)}
.st.live i{background:transparent;border:1.6px solid currentColor}
.st.done{color:var(--ok)}
.st.rej{color:var(--danger)}
.st.exp{color:var(--ink-4)}

/* 按钮 */
.btn{
  height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;
  background:var(--brand);color:var(--on-brand);font-size:15.5px;font-weight:600;letter-spacing:.06em;
  box-shadow:0 6px 16px rgba(27,79,216,.24);
}
[data-theme="dark"] .btn{box-shadow:0 6px 18px rgba(91,140,255,.20)}
.btn.sm{height:38px;font-size:14px;border-radius:10px;box-shadow:none}
.btn.off{background:var(--surface-3);color:var(--ink-4);box-shadow:none}
.btn.ghost{background:transparent;border:1px solid var(--line-2);color:var(--ink-2);box-shadow:none;font-weight:500}
.btn.danger{background:var(--danger);box-shadow:none;color:#fff}
.btn.wide{width:100%}
.iconbtn{width:46px;height:46px;border-radius:12px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--ink-2);flex:none;background:var(--surface)}

/* 输入 */
.field{background:var(--surface);border:1px solid var(--line-2);border-radius:11px;height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;font-size:14.5px;color:var(--ink-1)}
.field.focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-weak)}
.field.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-weak)}
.field .ph{color:var(--ink-4)}
.field .icn{color:var(--ink-3)}
.field .unit{margin-left:auto;color:var(--ink-2);font-size:13.5px}
.lbl{font-size:11.5px;color:var(--ink-3);letter-spacing:.06em;margin-bottom:7px;display:block}
.errtip{font-size:11.5px;color:var(--danger);margin-top:6px;display:flex;align-items:center;gap:4px}

/* chips */
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-size:13px;display:flex;align-items:center;font-variant-numeric:tabular-nums}
.chip.on{background:var(--brand-weak);border-color:var(--brand-line);color:var(--brand);font-weight:560}
.chip.dash{border-style:dashed}

/* 单选 / 复选 */
.rad{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2)}
.rad i{width:15px;height:15px;border-radius:50%;border:1.4px solid var(--line-2);position:relative;flex:none}
.rad.on{color:var(--ink-1)}
.rad.on i{border-color:var(--brand)}
.rad.on i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--brand)}
.cb{width:16px;height:16px;border-radius:4.5px;border:1.4px solid var(--line-2);flex:none;display:flex;align-items:center;justify-content:center;color:transparent}
.cb.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.cb .icn{width:11px;height:11px;stroke-width:2.6}

/* 步进器 */
.stepper{height:38px;border:1px solid var(--line-2);border-radius:10px;display:flex;align-items:center;overflow:hidden;background:var(--surface)}
.stepper b{width:34px;text-align:center;font-weight:400;font-size:17px;color:var(--ink-3)}
.stepper i{flex:1;text-align:center;font-style:normal;font-variant-numeric:tabular-nums;font-size:15px;border-left:1px solid var(--line);border-right:1px solid var(--line);line-height:36px}
.stepper.err{border-color:var(--danger)}
.stepper.err i{color:var(--danger)}

/* 搜索 */
.search{height:38px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 12px;font-size:14px;color:var(--ink-4)}
.search .icn{color:var(--ink-3)}
.search b{color:var(--ink-1);font-weight:500}
.sug{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-pop);overflow:hidden;margin-top:6px}
.sug div{padding:11px 13px;font-size:14px;border-bottom:1px solid var(--line);display:flex;gap:8px}
.sug div:last-child{border-bottom:0}
.sug em{font-style:normal;color:var(--brand)}
.sug span{font-family:"SF Mono",monospace;font-size:12.5px;color:var(--ink-3)}

/* 弹窗 */
.scrim{position:absolute;inset:0;background:var(--scrim);z-index:40;display:flex;align-items:center;justify-content:center;padding:0 30px}
.scrim.bottom{align-items:flex-end;padding:0}
.dlg{width:100%;background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-pop)}
.dlg.sheet{border-radius:18px 18px 0 0;padding-bottom:22px}
.dlg-hd{padding:18px 18px 0;text-align:center}
.dlg-hd h3{font-size:16.5px;font-weight:600}
.dlg-bd{padding:14px 18px 4px;font-size:14px;color:var(--ink-2);line-height:1.65}
.dlg-ft{display:flex;border-top:1px solid var(--line);margin-top:16px}
.dlg-ft span{flex:1;text-align:center;padding:14px 0;font-size:15.5px;color:var(--brand);font-weight:550}
.dlg-ft span:first-child{color:var(--ink-2);border-right:1px solid var(--line)}
.dlg-ft.single span{color:var(--brand)}
.dlg-btns{display:flex;gap:11px;padding:16px 18px 0}
.dlg-btns .btn{flex:1}

/* toast */
.toast{
  position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:50;
  background:rgba(15,25,45,.90);color:#fff;padding:12px 20px;border-radius:11px;font-size:14px;max-width:290px;text-align:center;line-height:1.55;
}
[data-theme="dark"] .toast{background:rgba(230,238,250,.94);color:#0B1020}

/* 提示条 */
.notice{display:flex;gap:8px;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.6}
.notice.warn{background:var(--warn-weak);color:var(--warn)}
.notice.info{background:var(--brand-weak);color:var(--brand)}
.notice.danger{background:var(--danger-weak);color:var(--danger)}
.notice .icn{flex:none;margin-top:1px}

/* 空态 */
.empty{padding:44px 0;text-align:center;color:var(--ink-4);font-size:13.5px}
.empty .icn{width:34px;height:34px;stroke-width:1.2;margin-bottom:10px;color:var(--ink-4)}

/* 分组标题 */
.gtitle{padding:16px 16px 8px;font-size:12px;color:var(--ink-3);letter-spacing:.06em}

/* 骨架/遮罩说明用 */
.dim{opacity:.45}

/* ============================================================
   空态占位（插画 + 文案 + 可选出口）
   ============================================================ */
.emptyslot{flex:1;display:flex;align-items:center;justify-content:center;padding:0 0 204px}
.emptybox{
  --il-a:#E7EDF6;   /* 主面 */
  --il-b:#D8E0EC;   /* 背板（略深） */
  --il-c:#F8FAFE;   /* 前盖高光 */
  display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 32px;
}
[data-theme="dark"] .emptybox{--il-a:#1F2A45;--il-b:#161F38;--il-c:#28355A}
.emptybox .illu{width:120px;height:104px;display:block}
.emptybox .etxt{margin-top:16px;font-size:14px;color:var(--ink-3);letter-spacing:.1em}
.emptybox .esub{margin-top:8px;font-size:12px;line-height:1.65;color:var(--ink-4);max-width:236px}
.emptybox .eact{margin-top:20px}
/* 紧凑档：卡片内 / 弹层内 */
.emptybox.sm{padding:26px 20px}
.emptybox.sm .illu{width:72px;height:62px}
.emptybox.sm .etxt{margin-top:11px;font-size:12.5px;letter-spacing:.08em}
/* 行内档：卡片内窄槽，图文横排 */
.emptybox.row{flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:9px 0}
.emptybox.row .illu{width:30px;height:26px}
.emptybox.row .etxt{margin-top:0;font-size:12.5px;letter-spacing:.06em}

/* ============================================================
   下拉刷新 / 上拉加载
   ============================================================ */
@keyframes hh-spin{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}

/* 下拉指示区：高度 = 当前下拉距离，内容垂直居中 */
.ptr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:none;background:var(--app-bg);overflow:hidden}
.ptr .txt{font-size:11.5px;color:var(--ink-3);letter-spacing:.06em;white-space:nowrap}
.ptr.ready .txt{color:var(--brand);font-weight:550}
.ptr.done .txt{color:var(--ok)}

/* 进度环 / 转圈 */
.ring{width:24px;height:24px;position:relative;flex:none}
.ring > svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
.ring .trk{fill:none;stroke:var(--line-2);stroke-width:2.2}
.ring .bar{fill:none;stroke:var(--brand);stroke-width:2.2;stroke-linecap:round}
.ring .ar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--brand)}
.ring .ar .icn{width:12px;height:12px;stroke-width:2.4}
.ring.sm{width:16px;height:16px}
.ring.sm .trk,.ring.sm .bar{stroke-width:2.8}
.spin{animation:hh-spin .9s linear infinite}

/* 刷新完成勾 */
.okdot{width:24px;height:24px;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
[data-theme="dark"] .okdot{color:#05122E}
.okdot .icn{width:14px;height:14px;stroke-width:2.8}

/* 上拉加载 footer */
.lmore{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;flex:none;font-size:12.5px;color:var(--ink-3);letter-spacing:.04em}
.lmore.end{gap:12px;color:var(--ink-4);font-size:11.5px}
.lmore.end i{width:44px;height:1px;background:var(--line);font-style:normal;flex:none}
.lmore.err{color:var(--ink-2)}
.lmore.err .icn{width:14px;height:14px;color:var(--ink-3)}
.lmore.err b{color:var(--brand);font-weight:550}

/* ============================================================
   业务组件
   ============================================================ */

/* 筛选栏 */
.filterbar{display:flex;gap:8px;padding:10px 16px;background:var(--app-bg);flex:none;align-items:center}
.fb{height:34px;padding:0 11px;border-radius:9px;background:var(--surface-2);color:var(--ink-2);font-size:13px;display:flex;align-items:center;gap:5px;white-space:nowrap}
.fb.on{background:var(--brand-weak);color:var(--brand);font-weight:550}
.fb .icn{width:13px;height:13px}
.fb.flex{flex:1;min-width:0}

/* 筛选栏 v2 —— 搜索行 + 条件行（时间在左，筛选入口在右） */
.fsearch{margin:10px 16px 0;height:40px;border-radius:12px;background:var(--surface-2);display:flex;align-items:center;gap:9px;padding:0 13px;font-size:14px;color:var(--ink-4);flex:none}
.fsearch .icn{width:16px;height:16px;color:var(--ink-3);flex:none}
.fsearch b{color:var(--ink-1);font-weight:500}
.fsearch .clr{margin-left:auto;color:var(--ink-4)}
.fcond{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;flex:none;background:var(--app-bg)}
.fpill{height:34px;padding:0 14px;border-radius:17px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-size:13.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.fpill .icn{width:13px;height:13px;color:var(--ink-3)}
.fpill.on{background:var(--brand-weak);border-color:var(--brand-line);color:var(--brand);font-weight:560}
.fpill.on .icn{color:var(--brand)}
.fmore{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2);position:relative;padding-right:2px}
.fmore .icn{width:15px;height:15px;color:var(--ink-3)}
.fmore.on{color:var(--brand);font-weight:560}
.fmore.on .icn{color:var(--brand)}
.fmore.on::after{content:"";position:absolute;right:-5px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--danger)}

/* 筛选面板 —— 底部弹层 */
.fsheet{padding-bottom:20px}
.fsheet-hd{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 2px}
.fsheet-hd b{font-size:17px;font-weight:600;letter-spacing:.02em}
.fsheet-hd .icn{width:19px;height:19px;color:var(--ink-3)}
.fsec{padding:16px 20px 0}
.fsec .lbl{margin-bottom:10px}
.optgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.opt{height:42px;border-radius:21px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-size:14px;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 10px}
.opt.on{background:var(--brand-weak);border-color:var(--brand);color:var(--brand);font-weight:600}
.opt.dis{background:var(--surface-2);border-color:var(--line);color:var(--ink-4)}
.fline{height:1px;background:var(--line);margin:18px 20px 0}

/* 自定义区间 · 日期段 + 滚轮 */
.dtrow{display:flex;gap:11px}
.dt{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:8px 12px 10px}
.dt em{display:block;font-style:normal;font-size:11px;color:var(--ink-3);letter-spacing:.04em}
.dt b{display:block;margin-top:3px;font-size:16px;font-weight:600;color:var(--ink-1);font-variant-numeric:tabular-nums;font-family:"SF Mono",ui-monospace,Menlo,monospace}
.dt.act{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-weak)}
.dt.act em{color:var(--brand)}
.dt.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-weak)}
.wheel{position:relative;margin:14px 20px 0;padding:4px 8px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.wheel .band{position:absolute;left:6px;right:6px;top:50%;height:40px;transform:translateY(-50%);background:var(--surface-2);border-radius:10px}
.wcol{position:relative;z-index:1;display:flex;flex-direction:column}
.wcol span{height:40px;line-height:40px;font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.wcol span.far{color:var(--ink-4);opacity:.5}
.wcol span.now{color:var(--ink-1);font-size:16px;font-weight:600}
.fsheet-ft{display:flex;gap:12px;padding:20px 20px 0}
.fsheet-ft .btn{flex:1.18}
.fsheet-ft .btn.ghost{flex:.82;background:var(--surface-2);border:0;color:var(--ink-2);font-weight:600}

/* 持仓卡片 */
.pos{position:relative;margin:0 16px 11px;padding:13px 0 0}
.pos-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 14px}
.pos-name{font-size:15.5px;font-weight:600;display:flex;align-items:center;gap:6px}
.pos-code{font-size:11px;color:var(--ink-3);margin-top:4px;letter-spacing:.02em;font-family:"SF Mono",monospace}
.pos-val{text-align:right;flex:none}
.pos-val b{display:block;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.pos-val span{display:block;font-size:10.5px;color:var(--ink-3);margin-top:3px}
.pos-pl{display:flex;justify-content:flex-end;gap:9px;padding:6px 14px 0;font-size:12.5px;font-variant-numeric:tabular-nums}
.up{color:var(--rise)} .down{color:var(--fall)} .flat{color:var(--ink-3)}
.pos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;padding:12px 14px 13px;margin-top:10px;border-top:1px solid var(--line)}
.pos-grid div span{display:block;font-size:10px;color:var(--ink-3);letter-spacing:.02em}
.pos-grid div b{display:block;margin-top:4px;font-size:12.5px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}
.pos-grid div b em{font-style:normal;color:var(--ink-3);font-weight:400;font-size:11px}
.pos-ops{display:flex;border-top:1px solid var(--line);background:var(--surface-2)}
.pos-ops span{flex:1;text-align:center;padding:11px 0;font-size:13.5px;color:var(--ink-2);border-right:1px solid var(--line)}
.pos-ops span:last-child{border-right:0}
.pos-ops span.pri{color:var(--brand);font-weight:550}
.pos-ops span.hot{color:var(--danger);font-weight:550}
.pos-ops span.off{color:var(--ink-4)}

/* 冻结列表格（数据模式） */
.gridtab{display:flex;font-size:12px;overflow:hidden}
.gt-fix{flex:none;width:118px;border-right:1px solid var(--line-2);background:var(--surface);position:relative;z-index:2;box-shadow:4px 0 10px rgba(15,27,51,.06)}
[data-theme="dark"] .gt-fix{box-shadow:4px 0 10px rgba(0,0,0,.35)}
.gt-scroll{flex:1;overflow:hidden;background:var(--surface)}
.gt-h{height:36px;display:flex;align-items:center;background:var(--surface-2);color:var(--ink-3);font-size:10.5px;letter-spacing:.02em;padding:0 10px;border-bottom:1px solid var(--line);white-space:nowrap;gap:14px}
.gt-r{height:52px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--line);white-space:nowrap;gap:14px;font-variant-numeric:tabular-nums}
.gt-fix .gt-r{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;position:relative;padding-left:14px}
.gt-fix .gt-h{padding-left:14px}
/* 表格形式的「新报价」角标：斜切丝带，带 NEW 文案；冻结列左内边距统一 14px 给丝带让位，行内文字不被压 */
.gt-new{position:absolute;left:0;top:0;width:34px;height:34px;overflow:hidden;z-index:3;pointer-events:none}
.gt-new::before{content:"NEW";position:absolute;left:-17px;top:1px;width:48px;padding:1px 0;transform:rotate(-45deg);background:var(--danger);color:#fff;font-size:7.5px;font-weight:600;font-style:normal;letter-spacing:.04em;text-align:center;line-height:1.35}
.gt-r i{font-style:normal;display:inline-block;text-align:right}
.gt-h i{display:inline-block;text-align:right}

/* 询价 / 订单卡片 */
.qc{margin:0 16px 10px;padding:13px 14px;position:relative}
.qc-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.qc-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}
.qc-sub{font-size:11px;color:var(--ink-3);margin-top:4px;font-family:"SF Mono",monospace}
.qc-r{text-align:right;flex:none}
.qc-time{font-size:10.5px;color:var(--ink-3);margin-top:5px;font-family:"SF Mono",monospace}
.qc-meta{display:flex;gap:16px;margin-top:10px;font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.qc-meta em{font-style:normal;color:var(--ink-3);font-size:11px;margin-right:4px}
.qc-open{margin-top:12px;border-top:1px dashed var(--line-2);padding-top:10px}
.qt{display:grid;grid-template-columns:1.1fr .8fr .8fr .9fr;font-size:12px;font-variant-numeric:tabular-nums;align-items:center}
.qt.h{color:var(--ink-3);font-size:10.5px;padding-bottom:7px}
.qt.r{padding:9px 8px;margin:0 -8px;border-radius:8px}
.qt.r:hover,.qt.r.hl{background:var(--brand-weak)}
.qt .p{color:var(--brand);font-weight:600}
.qt .t{color:var(--ink-3);font-size:10.5px;text-align:right}
/* 「新」标记分工：卡片/行角标表明本单有新报价，行内红点指出具体是哪一条 */
.qt span:first-child{position:relative;padding-left:12px}
.qt .newdot{position:absolute;left:0;top:50%;margin:0;transform:translateY(-50%);vertical-align:0}
.newdot{width:6px;height:6px;border-radius:50%;background:var(--danger);display:inline-block;margin-right:5px;vertical-align:1px}

/* 时间线（流水） */
.tl{padding:0 16px}
.tl-i{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.tl-i .dot{width:9px;height:9px;border-radius:50%;background:var(--brand);flex:none;margin-top:5px;box-shadow:0 0 0 3px var(--brand-weak)}
.tl-i .dot.out{background:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
.tl-i .c{flex:1}
.tl-i .c b{font-size:14.5px;font-weight:550}
.tl-i .c span{display:block;font-size:11px;color:var(--ink-3);margin-top:4px;font-family:"SF Mono",monospace}
.tl-i .amt{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}

/* 设置项列表 */
.menu{background:var(--surface);border-radius:14px;overflow:hidden;margin:0 16px 12px;box-shadow:var(--shadow-card)}
[data-theme="dark"] .menu{border:1px solid var(--line)}
.mi{display:flex;align-items:center;gap:12px;padding:15px 15px;border-bottom:1px solid var(--line);font-size:15px}
.mi:last-child{border-bottom:0}
.mi .ib{width:30px;height:30px;border-radius:9px;background:var(--brand-weak);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}
.mi .ib.am{background:var(--accent-weak);color:var(--accent)}
.mi .tx{flex:1}
.mi .tx em{font-style:normal;display:block;font-size:11.5px;color:var(--ink-3);margin-top:3px}
.mi .rv{color:var(--ink-3);font-size:13.5px;display:flex;align-items:center;gap:4px}

/* 开关 */
.sw2{width:44px;height:26px;border-radius:14px;background:var(--line-2);position:relative;flex:none;transition:.2s}
.sw2::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}
.sw2.on{background:var(--brand)}
.sw2.on::after{left:21px}

/* 数据表（App 内） */
.dt{width:100%;border-collapse:collapse;font-size:12.5px}
.dt th{background:var(--surface-2);color:var(--ink-3);font-size:10.5px;font-weight:500;padding:9px 10px;text-align:right;letter-spacing:.02em}
.dt th:first-child{text-align:left}
.dt td{padding:10px;text-align:right;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.dt td:first-child{text-align:left;color:var(--ink-2)}

/* 键盘 */
.kbd{background:var(--surface-2);padding:8px 6px 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.kbd span{height:44px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:500;box-shadow:0 1px 2px rgba(15,27,51,.10)}
[data-theme="dark"] .kbd span{box-shadow:none;border:1px solid var(--line)}
.kbd span.fn{background:transparent;box-shadow:none;font-size:15px;color:var(--ink-2)}
.kbd span.ok{background:var(--brand);color:var(--on-brand);font-size:16px}

/* 对照页专用 */
.pair{display:grid;grid-template-columns:390px 390px;gap:36px;justify-content:start}
.pair-lb{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--canvas-mute);margin-bottom:12px;letter-spacing:.08em}
.pair-lb i{width:12px;height:12px;border-radius:3px;border:1px solid var(--canvas-line);flex:none}

/* 角标占位：有角标的卡片顶部让出空间，避免压住标的名 */
.pos:has(.corner) .pos-hd{padding-top:15px}
.qc:has(.corner){padding-top:26px}

/* 列表视图切换：卡片 / 表格 */
.viewtog{display:inline-flex;padding:2px;background:var(--surface-2);border-radius:8px;gap:2px;flex:none;position:relative}
.viewtog.sep{margin-left:4px}
.viewtog.sep::before{content:"";position:absolute;left:-7px;top:2px;bottom:2px;width:1px;background:var(--line-2)}
.viewtog span{width:28px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--ink-3)}
.viewtog span.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-card)}
[data-theme="dark"] .viewtog span.on{background:var(--surface-3)}
.viewtog .icn{width:15px;height:15px;stroke-width:1.8}
.fright{display:flex;align-items:center;gap:12px}


/* ==== v1.3 · TRN 专用 BEGIN ==== */
/* ---------- 品类 Tab（票据页大标题位 / 账户页持仓区）---------- */
.cattab{display:flex;align-items:baseline;gap:18px;padding:4px 20px 0;flex:none}
.cattab span{font-size:17px;font-weight:500;color:var(--ink-3)}
.cattab span.on{font-size:22px;font-weight:650;color:var(--ink-1);letter-spacing:.02em}
.cattab .srt{margin-left:auto;align-self:center;width:30px;height:30px;border-radius:9px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}
.cattab .srt .icn{width:17px;height:17px}
.tabs span .dot{top:8px;right:-8px}
.holdhd{display:flex;align-items:center;gap:10px;padding:16px 16px 9px}
.holdhd h3{font-size:14.5px;font-weight:600;flex:none}
.holdhd .seg{flex:1;max-width:220px;margin-left:auto}
.holdhd .seg span{padding:5px 0;font-size:12.5px}
.holdhd .srt{width:28px;height:28px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-2);flex:none}
.holdhd .srt .icn{width:16px;height:16px}

/* ---------- 订单卡片（订单号作标题）---------- */
.oc{margin:0 16px 11px;padding:13px 14px 14px}
.oc .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.oc .no{font-family:var(--font-mono);font-size:13.5px;font-weight:600;color:var(--ink-1);letter-spacing:.01em}
.oc .tm{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);margin-top:4px}
.oc .kvs{margin-top:11px;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.oc .kv2{display:flex;justify-content:space-between;font-size:12.5px}
.oc .kv2 span{color:var(--ink-3)}
.oc .kv2 b{font-weight:500;font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--ink-1)}
.oc .kv2 b.em{color:var(--brand);font-weight:600;font-size:13.5px}
.oc .ops{display:flex;gap:8px;margin-top:13px}
.oc .ops .btn{flex:1;height:36px;font-size:13.5px;border-radius:10px;box-shadow:none;letter-spacing:.02em}
.oc .ops .btn.pri{flex:1.5}
.oc .ops .btn.off{background:var(--surface-2);color:var(--ink-4);border:0}
.oc .rsn{margin-top:8px;font-size:12px;color:var(--danger)}
.st.set{color:var(--ink-2)}
.st.cf{color:var(--brand)}
.st.cf i{background:transparent;border:1.6px solid currentColor}

/* ---------- 票据持仓卡（编号作标题、六格）---------- */
.nc{margin:0 16px 11px;padding:13px 14px 4px}
.nc .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.nc .no{font-family:var(--font-mono);font-size:14px;font-weight:600}
.nc .se{font-size:11px;color:var(--ink-3);margin-top:4px}
.nc .tg{display:flex;gap:5px;align-items:center}
.nc .val{display:flex;align-items:baseline;justify-content:space-between;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}
.nc .val span{display:block;font-size:11px;color:var(--ink-3);margin-bottom:3px}
.nc .val b{font-size:19px;font-weight:600;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.nc .val b small{font-size:12px;font-weight:400;color:var(--ink-2);margin-left:3px}
.nc .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px;padding:10px 0 12px}
.nc .g3 span{display:block;font-size:10.5px;color:var(--ink-3)}
.nc .g3 b{display:block;margin-top:4px;font-size:12.5px;font-weight:500;font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.nc.sold .no,.nc.sold .val b{color:var(--ink-3)}
.tag.zb{background:var(--warn);color:#fff}
.tag.zb.dg{background:var(--danger)}
[data-theme="dark"] .tag.zb{color:#05122E}

/* ---------- 票据详情概要 ---------- */
.sumc{margin:10px 16px 0;padding:14px 15px 4px}
.sumc .hd{display:flex;justify-content:space-between;align-items:flex-start}
.sumc .no{font-family:var(--font-mono);font-size:14.5px;font-weight:600}
.sumc .se{font-size:11px;color:var(--ink-3);margin-top:4px}
.sumc .vl{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);display:flex;align-items:center}
.sumc .vl span{display:block;font-size:11.5px;color:var(--ink-3)}
.sumc .vl b{display:block;margin-top:4px;font-size:25px;font-weight:700;font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.005em}
.sumc .vl b small{font-size:13px;font-weight:500;color:var(--ink-2);margin-left:4px}
.sumc .vl .icn{margin-left:auto;color:var(--ink-3)}
.sumc .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;padding:13px 0 12px}
.sumc .g3 span{display:block;font-size:10.5px;color:var(--ink-3)}
.sumc .g3 b{display:block;margin-top:4px;font-size:13px;font-weight:500;font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-ok{color:var(--ok)!important} .rk-warn{color:var(--warn)!important} .rk-dg{color:var(--danger)!important}
.dtabs{margin-top:6px;background:var(--app-bg)}
.dtabs span{flex:1;text-align:center}
.tabs.dtabs{gap:0;padding:0 8px}

/* ---------- 底部操作栏（追保 · 调仓 · 更多）---------- */
.abar{display:flex;gap:10px;padding:10px 16px 28px;background:var(--surface);border-top:1px solid var(--line);flex:none}
.abar .btn{height:44px;font-size:15px;box-shadow:none}
.abar .btn.ghost{flex:1}
.abar .btn.pri{flex:1.5}
.abar .btn.more{flex:none;width:64px}
.bbar2{display:flex;gap:11px;padding:10px 16px 28px;background:var(--surface);border-top:1px solid var(--line);flex:none}
.bbar2 .btn{flex:1;box-shadow:none}
.btn.rise{background:var(--rise);color:#fff}
.btn.fall{background:var(--fall);color:#fff}
[data-theme="dark"] .btn.rise,[data-theme="dark"] .btn.fall{color:#05122E}
.agree{display:flex;align-items:flex-start;gap:8px;padding:12px 16px 0;font-size:12.5px;color:var(--ink-2);line-height:1.55;background:var(--surface)}
.agree .cb{margin-top:1px}
.agree a,.lk2{color:var(--brand);text-decoration:none}

/* ---------- 市场 / 交易渠道标签 ---------- */
.mk{display:inline-block;font-family:var(--font-num);font-size:9.5px;font-weight:700;line-height:13px;padding:0 3px;border-radius:3px;margin-right:4px;vertical-align:1px}
.mk.a{color:var(--accent);background:var(--accent-weak)}
.mk.hk{color:var(--danger);background:var(--danger-weak)}
.mk.us{color:var(--brand);background:var(--brand-weak)}
.chn{display:inline-flex;align-items:center;font-size:9.5px;line-height:13px;padding:0 4px;border-radius:3px;border:1px solid var(--accent-line);color:var(--accent);margin-left:5px;white-space:nowrap;font-family:"PingFang SC",system-ui,sans-serif;font-weight:500}
.sname b{display:flex;align-items:center;font-size:12.5px;font-weight:500}
.sname span{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);margin-top:3px}
.sname b .chn{display:inline-flex;margin-top:0;font-family:"PingFang SC",system-ui,sans-serif;font-size:9.5px;color:var(--accent)}
.dir-up{color:var(--rise);font-weight:600} .dir-dn{color:var(--fall);font-weight:600}

/* ---------- 数据表（窄表，表头 34 / 行 50，带排序箭头）---------- */
.tt{background:var(--surface)}
.tt .r{display:flex;align-items:center;min-height:50px;padding:6px 12px;border-bottom:1px solid var(--line);gap:8px;font-size:12px}
.tt .r.h{min-height:34px;background:var(--surface-2);color:var(--ink-3);font-size:10.5px;padding:0 12px}
.tt .r>*{flex:1;min-width:0}
.tt .c.n{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.tt .r.h .c.n{font-family:inherit}
.tt .c.n i{display:block;font-style:normal;font-size:10.5px;color:var(--ink-3);margin-top:2px}
.tt .r.h .c.n i{font-size:9.5px;color:var(--ink-4);margin-top:1px}
.tt .c .srt{display:inline-block;width:9px;height:9px;vertical-align:-1px;color:var(--ink-4)}
.tt .c .srt.on{color:var(--brand)}
.tt .r.sel{background:var(--brand-weak)}
.tt .xops{display:flex;gap:0;background:var(--surface-2);border-bottom:1px solid var(--line)}
.tt .xops span{flex:1;text-align:center;padding:10px 0;font-size:13px;color:var(--brand);font-weight:550;border-right:1px solid var(--line)}
.tt .xops span:last-child{border-right:0}
.tt .xops span.off{color:var(--ink-4);font-weight:400}
.tt .foot{padding:11px 0 13px;text-align:center;font-size:11px;color:var(--ink-4)}
.tcard{margin:12px 16px 0;padding:0}
.tcard .tt{border-radius:14px;overflow:hidden}

/* ---------- 指令 Tab 分段 / 历史快捷筛选 ---------- */
.seg2{margin:12px 16px 10px}
.seg2 span em{font-style:normal;font-family:var(--font-num);margin-left:2px}
.qfb{display:flex;align-items:center;gap:16px;padding:12px 16px 10px}
.qfb span{font-size:13px;color:var(--ink-2);display:inline-flex;align-items:center;gap:3px}
.qfb span .icn{width:12px;height:12px;color:var(--ink-3)}
.qfb span.on{color:var(--brand);font-weight:560}
.qfb span.on .icn{color:var(--brand)}
.qfb .fmore{margin-left:auto}

/* ---------- 菜单（查询 Tab）---------- */
.qmenu{margin:12px 16px 0}
.qmenu .mi{font-size:14.5px;padding:15px 15px}
.qmenu .mi .icn{color:var(--ink-4);width:15px;height:15px}

/* ---------- 底部动作抽屉（更多）---------- */
.asheet{padding-bottom:26px}
.asheet .ah{text-align:center;font-size:12px;color:var(--ink-3);padding:14px 0 8px}
.asheet .ai{text-align:center;padding:15px 0;font-size:15.5px;border-top:1px solid var(--line);color:var(--ink-1)}
.asheet .gap{height:8px;background:var(--surface-2)}
.asheet .ai.cancel{border-top:0;color:var(--ink-3)}

/* ---------- 品类排序抽屉 ---------- */
.drag{display:flex;align-items:center;gap:12px;margin:0 18px;padding:14px 4px;border-bottom:1px solid var(--line);font-size:15px}
.drag .icn{color:var(--ink-4)}
.drag em{font-style:normal;font-size:11.5px;color:var(--ink-3);margin-left:auto}
.drag.lift{background:var(--surface);box-shadow:var(--shadow-pop);border-radius:12px;border-bottom:0;padding:14px 14px;margin:6px 12px;transform:rotate(-1deg)}

/* ---------- 弹框里的只读行 / 输入 / 对比表 ---------- */
.dk{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13.5px}
.dk span{color:var(--ink-3)}
.dk b{font-weight:500;font-family:var(--font-num);font-variant-numeric:tabular-nums;text-align:right}
.dk b.dg{color:var(--danger)} .dk b.m{font-family:var(--font-mono);font-size:12.5px} .dk b.em{color:var(--brand);font-weight:600}
.dbody{padding:12px 18px 0;text-align:left}
.flbl{font-size:12.5px;color:var(--ink-2);margin:12px 0 7px;display:flex;align-items:center;gap:3px}
.flbl i{font-style:normal;color:var(--danger)}
.flbl em{font-style:normal;margin-left:auto;font-size:11.5px;color:var(--ink-3)}
.field.sm{height:42px;font-size:14px}
.field .num{font-family:var(--font-num)}
.field .unit{font-family:var(--font-num)}
.field.ro{background:var(--surface-2);border-color:transparent;color:var(--ink-2)}
.field.area{height:64px;align-items:flex-start;padding-top:11px}
.hint2{font-size:11px;color:var(--ink-3);margin-top:6px;line-height:1.5}
.cmp{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cmp div{display:flex;padding:9px 12px;font-size:12.5px;align-items:center}
.cmp div+div{border-top:1px solid var(--line)}
.cmp div span{flex:1;text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.cmp div span:first-child{text-align:left;color:var(--ink-2);font-family:inherit}
.cmp .h{background:var(--surface-2);padding:7px 12px}
.cmp .h span{font-size:10.5px;color:var(--ink-3);font-family:inherit}
.cmp .arw{color:var(--ink-4);font-size:11px;margin:0 2px}
.cmpt{font-size:12px;color:var(--ink-3);margin-top:14px}

/* ---------- 表单页（票据变更 / 调仓）---------- */
.fcard{margin:12px 16px 0;padding:2px 15px}
.fr{display:flex;align-items:center;gap:12px;min-height:52px;padding:7px 0;border-bottom:1px solid var(--line)}
.fr:last-child{border-bottom:0}
.fr>label{flex:none;width:110px;font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:2px}
.fr>label i{font-style:normal;color:var(--danger)}
.fr>.ctl{flex:1;min-width:0;display:flex;align-items:center;gap:7px;justify-content:flex-end}
.fr>.ctl .field{flex:1;height:38px;border-radius:10px;font-size:13.5px;padding:0 11px}
.fr>.ctl .stepper{flex:1;height:36px}
.fr>.ctl .stepper b{width:32px;color:var(--brand)}
.fr>.ctl .stepper i{font-size:14px}
.fr>.ctl .stepper.ro{background:var(--surface-2)}
.fr>.ctl .stepper.ro b{color:var(--ink-4)}
.fr>.ctl .stepper.ro i{color:var(--ink-3)}
.fr>.ctl .ib2{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--brand);flex:none;background:var(--surface)}
.fr>.ctl .ib2 .icn{width:16px;height:16px}
.fr>.ctl b.v{font-weight:500;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:14px}
.fr>.ctl b.v.mu{color:var(--ink-4)}
.fr .sel2{flex:1;height:38px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:13.5px}
.fr .sel2 .icn{width:13px;height:13px;color:var(--ink-3)}
.fr .sel2.ro{background:var(--surface-2);border-color:transparent;color:var(--ink-3)}
.fr.sub{min-height:0;padding:0 0 9px;border-bottom:1px solid var(--line);justify-content:flex-end;gap:14px;font-size:11.5px;color:var(--ink-3)}
.fr.sub b{font-weight:400;font-family:var(--font-num)}
.quote{display:flex;align-items:baseline;gap:10px;padding:2px 0 11px}
.quote b{font-size:24px;font-weight:600;font-family:var(--font-num);color:var(--rise)}
.quote span{font-size:13px;font-family:var(--font-num);color:var(--rise)}
.qty{padding:10px 0 12px;border-top:1px solid var(--line)}
.qty .qr{display:flex;align-items:center;gap:6px;margin-top:7px}
.qty .qr:first-child{margin-top:0}
.qty .qr>span{flex:none;width:118px;white-space:nowrap;font-size:11px;color:var(--ink-3)}
.qty .qr>span b{font-weight:500;color:var(--ink-1);font-family:var(--font-num)}
.qty .qc2{display:flex;gap:5px;overflow:hidden}
.qty .qc2 em{font-style:normal;height:24px;padding:0 6px;border-radius:12px;font-size:11.5px;display:flex;align-items:center;border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap;font-family:var(--font-num)}
.qty .qr.op .qc2 em{border-color:var(--rise);color:var(--rise)}
.qty .qr.cl .qc2 em{border-color:var(--fall);color:var(--fall)}
.qty .qr .qc2 em.on{background:var(--rise);color:#fff}
.qty .qc2 em.ed{border-color:var(--brand-line);color:var(--brand)}
.qty .qr.off .qc2 em{border-color:var(--line);color:var(--ink-4)}
.book{margin:12px 16px 0;padding:12px 0;display:flex}
.book>div{flex:1;padding:0 13px}
.book>div+div{border-left:1px solid var(--line)}
.book h5{font-size:12.5px;font-weight:600;margin-bottom:6px}
.book .lv{display:flex;align-items:center;gap:7px;height:25px;font-size:12px;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.book .lv i{width:15px;height:15px;border-radius:3px;font-style:normal;font-size:9.5px;font-weight:600;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--rise)}
.book .sell .lv i{background:var(--fall)}
[data-theme="dark"] .book .lv i{color:#05122E}
.book .lv b{font-weight:500;flex:1}
.book .lv span{color:var(--ink-3);font-size:11px}
.sech{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-3);padding:13px 0 2px}
.sech b{font-size:13px;color:var(--ink-1);font-weight:600}
.secbad{font-size:10.5px;color:var(--ink-3);background:var(--surface-2);border-radius:4px;padding:1px 6px}

/* ---------- 快捷选项编辑 ---------- */
.qedit{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 18px 0}
.qedit span{position:relative;height:36px;border-radius:18px;border:1px solid var(--rise);color:var(--rise);display:flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--font-num)}
.qedit span i{position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--ink-3);color:#fff;font-style:normal;font-size:10px;display:flex;align-items:center;justify-content:center;line-height:1}
.qedit span.add{border-style:dashed;border-color:var(--line-2);color:var(--ink-3);font-size:18px}
.qedit span.lift{box-shadow:var(--shadow-pop);background:var(--surface);transform:scale(1.06)}
.qtip{font-size:11.5px;color:var(--ink-3);text-align:center;margin-top:5px}
.segr{display:flex;gap:8px;padding:14px 18px 0}
.segr span{flex:1;height:34px;border-radius:9px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:13.5px;color:var(--ink-2)}
.segr span.on{border-color:var(--brand);background:var(--brand-weak);color:var(--brand);font-weight:600}

/* ---------- 记录列表（三四列）---------- */
.rt{background:var(--surface)}
.rt .r{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:12.5px}
.rt .r.h{padding:8px 14px;background:var(--surface-2);font-size:10.5px;color:var(--ink-3)}
.rt .r>*{flex:1;min-width:0}
.rt .c{white-space:nowrap}
.rt .c.w2{flex:2.2}
.rt .c.st0{flex:.8}
.rt .c .ln span{flex:1;overflow:hidden;text-overflow:ellipsis}
.rt .c .ln b{flex:none;min-width:44px;text-align:right}
.wlbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;font-size:12px;color:var(--ink-3)}
.wlbar .rt2{display:flex;gap:8px}
.wlbar .rt2 span{font-size:12.5px;color:var(--brand);border:1px solid var(--brand-line);border-radius:14px;padding:4px 11px;background:var(--brand-weak)}
.wlbar .rt2 span.pl{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.rt .c.n{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.rt .r.h .c.n{font-family:inherit}
.rt .c.t{text-align:right;font-family:var(--font-num);font-size:11.5px;color:var(--ink-2);line-height:1.45}
.rt .c.t i{display:block;font-style:normal;color:var(--ink-3);font-size:10.5px}
.rt .c .ln{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.6}
.rt .c .ln b{font-weight:400;font-family:var(--font-num)}
.rt .pos{color:var(--rise)} .rt .neg{color:var(--fall)}
.rtcard{margin:0 16px;border-radius:14px;overflow:hidden}
.ffb{display:flex;align-items:center;gap:8px;padding:11px 16px;flex-wrap:nowrap}
.ffb .fpill{height:32px;padding:0 12px;font-size:12.5px}
.ffb .fsearch{margin:0;height:32px;flex:1;min-width:0;border-radius:16px;font-size:12.5px;padding:0 11px}
.ffb .fsearch .icn{width:14px;height:14px}
.navbar .rt2{margin-left:auto;position:relative;z-index:2;display:flex;gap:8px}
.navbar .rt2 span{font-size:12.5px;color:var(--brand);border:1px solid var(--brand-line);border-radius:14px;padding:4px 10px;background:var(--brand-weak)}
.navbar .rt2 span.pl{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.frow.rs>b{color:var(--danger)}
.frow>b.rk{font-weight:600}
.frow b.lkm{color:var(--brand);font-family:var(--font-mono);font-size:12.5px}
.frow b.m{font-family:var(--font-mono);font-size:12.5px}
.frow b.mu{color:var(--ink-4)}
.frow b .arr{color:var(--ink-4);margin:0 4px}
.frow b.dg{color:var(--danger)}
.frow b.em{color:var(--brand);font-weight:600}
.dcard{margin:0 16px}
.fgrp{margin:0 16px;padding:0}
.fgrp .fh{display:flex;justify-content:space-between;align-items:center;padding:13px 15px 9px;font-size:13.5px;font-weight:600}
.fgrp .fh em{font-style:normal;font-size:12px;color:var(--brand);font-weight:500;display:flex;align-items:center;gap:2px}
.fgrp .fh em.mu{color:var(--ink-3)}
.fgrp .fh .icn{width:12px;height:12px}
.fgrp+.fgrp{margin-top:0;border-top:1px solid var(--line);border-radius:0}
.ftab{font-size:11px}
.ftab .r{display:flex;padding:8px 15px;border-top:1px solid var(--line);gap:6px}
.ftab .r.h{background:var(--surface-2);color:var(--ink-3);font-size:10px}
.ftab .r span{flex:1;white-space:nowrap}
.ftab .r span.w{flex:2.5;white-space:normal}
.ftab .r span:first-child{flex:.85}
.ptab .r.h .icn{width:10px;height:10px;vertical-align:-1px;color:var(--ink-4);margin-left:1px}
.ptab .r.h .icn.on{color:var(--brand)}
.ptab .r{height:54px}
.ptab .r.h{height:36px}
.ptab .xops{display:flex;background:var(--surface-2);border-bottom:1px solid var(--line)}
.ptab .xops span{flex:1;text-align:center;padding:10px 0;font-size:13px;color:var(--brand);font-weight:550;border-right:1px solid var(--line)}
.ptab .xops span:last-child{border-right:0}
.ptab .xops span.off{color:var(--ink-4);font-weight:400}
.ptab .c.n b{font-weight:500}
.ptab .c.dir b{display:block;font-size:12.5px}
.ptab .c.dir span{display:block;font-size:10.5px;margin-top:3px;color:var(--accent)}
.ptab .c.dir span.dn{color:var(--ok)} .ptab .c.dir span.gy{color:var(--ink-3)} .ptab .c.dir span.rj{color:var(--danger)}
.ptab .c.tm{font-family:var(--font-num);font-size:11px;color:var(--ink-2);text-align:right}
.ptab .c.tm i{display:block;font-style:normal;color:var(--ink-3);font-size:10.5px;margin-top:2px}
.tfoot{padding:11px 0 12px;text-align:center;font-size:11px;color:var(--ink-4);background:var(--surface)}
.ftab .r span.n{text-align:right;font-family:var(--font-num)}
.note-t{font-size:11.5px;color:var(--ink-3);padding:10px 16px 0;line-height:1.6}
.bbar1{padding:12px 16px 30px;border-top:1px solid var(--line);background:var(--surface);flex:none}
.bbar1 .btn{box-shadow:none}
.cfc{margin:0 16px 10px;padding:13px 14px}
.cfc .t{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}
.cfc .r{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px}
.cfc .r+.r{margin-top:6px}
.cfc .r span{font-size:12.5px;color:var(--ink-3)}
.cfc .r b{font-size:14.5px;font-weight:500}
.cfc .r b.n{font-size:15px;font-weight:600;font-family:var(--font-num)}
.cfc .r b.o{color:var(--ink-2)}
.cfc.nw{box-shadow:var(--shadow-card),inset 3px 0 0 var(--brand)}

/* 钱包表（同 04 A1，代码 DataTable 小表） */
.wtab .wr{display:flex;align-items:center;gap:14px;padding:0 10px;height:38px;border-bottom:1px solid var(--line);font-size:12px;white-space:nowrap}
.wtab .wr.h{height:36px;background:var(--surface-2);font-size:10.5px;letter-spacing:.02em;color:var(--ink-3)}
.wtab .wr>*{flex:1;text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.wtab .wr.h>*{font-family:inherit}
.wtab .wr>*:first-child{flex:none;width:22px;text-align:left;font-family:var(--font-mono);color:var(--ink-2)}
.wtab .wr.h>*:first-child{font-family:inherit;color:var(--ink-3)}
.wtab .wr:last-child{border-bottom:0}
.wfoot{display:flex;justify-content:flex-end;padding:9px 15px;border-top:1px solid var(--line)}
.wfoot span{font-size:12.5px;color:var(--brand);display:flex;align-items:center;gap:3px}
.quick.one .qk{justify-content:center}
/* 共赢 Tab：展期记录入口行 + 列表头 */
.rocard{margin:0 16px 10px;display:flex;align-items:center;gap:10px;padding:12px 14px;position:relative}
.rocard .ib{width:30px;height:30px;border-radius:9px;background:var(--brand-weak);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}
.rocard b{font-size:14px;font-weight:550}
.rocard .rd{width:7px;height:7px;border-radius:50%;background:var(--danger);margin-left:-4px;align-self:flex-start;margin-top:6px}
.rocard .go{margin-left:auto;font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;gap:2px}
.rocard .go .icn{width:13px;height:13px}
.lsthd{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 10px}
.lsthd .cnt{font-size:12.5px;color:var(--ink-3)}
.lsthd .more{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:2px}
.lsthd .more .icn{width:13px;height:13px}
/* 资产详情（同 05 S1） */
.glist .r .v{font-family:var(--font-num)}
.netv .amt{font-family:var(--font-num)}
.gtitle.tight em{font-family:var(--font-num)}
/* 品类 Tab 上的红点（未选中的品类有待处理时） */
.cattab span{position:relative}
.cattab span .dot{position:absolute;top:-1px;right:-8px;width:7px;height:7px;border-radius:50%;background:var(--danger)}
/* 共赢订单卡片筛选胶囊（同 03 O1） */
.filterbar .fb em{font-style:normal;color:var(--ink-3);font-weight:400}
/* 合适性评估弹窗（同 02 Q23 / Q24） */
.stab{border-top:1px solid var(--line)}
.stab>div{display:grid;grid-template-columns:1.2fr 1.15fr 1fr 52px;gap:6px;padding:9px 10px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.45;color:var(--ink-1);align-items:start}
.stab>div span{text-align:right}
.stab>div span:first-child{text-align:left;color:var(--ink-2)}
.stab .sh{background:var(--surface-2);font-size:10.5px;color:var(--ink-3);padding:8px 10px;white-space:nowrap}
.stab .sh span:first-child{color:var(--ink-3)}
.stab .y{color:var(--ok)} .stab .n{color:var(--danger)}
.reasons{padding:10px 16px 0;display:flex;flex-direction:column;gap:9px}
.reasons .rad{font-size:12.5px;align-items:flex-start;line-height:1.5}
.reasons .rad i{margin-top:2px}
.reasons .oth{display:flex;align-items:center;gap:10px}
.reasons .oth .field{flex:1;height:36px;font-size:12.5px}
/* 导航栏右侧图标（全部历史指令的筛选） */
.navbar .nfic{margin-left:auto;position:relative;z-index:2;color:var(--ink-2);display:flex}
.navbar .nfic .icn{width:19px;height:19px}
/* 列表上方就地下拉（记录类列表 / 历史快捷筛选）：胶囊下方展开，余下列表区压暗 */
.ffwrap{position:relative;z-index:6}
.ffwrap .ffmask{position:absolute;left:0;right:0;top:100%;height:900px;background:var(--scrim)}
.ffwrap .ffpop{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-radius:0 0 16px 16px;box-shadow:var(--shadow-pop);padding:4px 0 8px}
.ffpop .fo{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-size:14px;color:var(--ink-2)}
.ffpop .fo+.fo{border-top:1px solid var(--line)}
.ffpop .fo.on{color:var(--brand);font-weight:600}
.ffpop .fo .icn{width:15px;height:15px;color:var(--brand)}
.ffpop .fq{display:flex;gap:9px;padding:12px 18px 0}
.ffpop .fq span{flex:1;height:34px;border-radius:17px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink-2)}
.ffpop .fq span.on{border-color:var(--brand);background:var(--brand-weak);color:var(--brand);font-weight:600}
.ffpop .fd{display:flex;align-items:center;gap:8px;padding:12px 18px 0}
.ffpop .fd .dt{flex:1}
.ffpop .fd i{font-style:normal;font-size:12.5px;color:var(--ink-3)}
.ffpop .fbtn{display:flex;gap:12px;padding:14px 18px 6px}
.ffpop .fbtn .btn{flex:1;height:40px;font-size:14.5px;box-shadow:none}
.ffpop .fbtn .btn.ghost{background:var(--surface-2);border:0;color:var(--ink-2);font-weight:600}
.ffpop .fsr{display:flex;align-items:center;gap:10px;padding:8px 16px 4px}
.ffpop .fsr .fsearch{margin:0;flex:1;height:38px;border-radius:19px}
.ffpop .fsr .fsearch b{font-weight:500}
.ffpop .fsr>span{font-size:14px;color:var(--brand)}
.ffpop .sgi{display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:14px;border-top:1px solid var(--line)}
.ffpop .sgi em{font-style:normal;color:var(--brand)}
.ffpop .sgi span{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}
.qfb span.open .icn{transform:rotate(180deg)}
.ffb .fpill.open .icn{transform:rotate(180deg)}
/* 调仓：证券联想浮层、跟价中、算法时间提示 */
.sugabs{position:absolute;left:16px;right:16px;z-index:8;margin-top:0}
.sugabs div{align-items:center}
.sugabs .mk{margin-right:0}
.fr>.ctl .ib2.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.fr>label em.fl{font-style:normal;font-size:10px;color:var(--brand);background:var(--brand-weak);border-radius:4px;padding:0 4px;margin-left:4px;line-height:15px}
.fr.tip{min-height:0;padding:0 0 9px;justify-content:flex-end;font-size:11px;color:var(--ink-3)}
.fr .sel2{font-size:13px}
.fr .sel2 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frow>span{flex:none;white-space:nowrap}
.fr>.ctl .field.ro{background:var(--surface-2);border-color:transparent;color:var(--ink-3)}
.fr>.ctl .stepper.err{border-color:var(--danger)}
.fr>.ctl .stepper.err i{color:var(--danger)}
.book.ph .lv b,.book.ph .lv span{color:var(--ink-4)}
.book.ph .lv i{opacity:.45}

/* 我的 → 费用信息表（同 06 M6 的 DataTable） */
.feet{margin:0 16px;background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card)}
[data-theme="dark"] .feet{border:1px solid var(--line)}
.feet .h{display:flex;align-items:center;height:36px;padding:0 10px;background:var(--surface-2);font-size:10.5px;color:var(--ink-3);letter-spacing:.02em}
.feet .g{display:flex;align-items:center;padding:8px 10px;border-top:1px solid var(--line);font-size:12px}
.feet .c1{width:60px;flex:none;color:var(--ink-2)}
.feet .c2{width:66px;flex:none;text-align:right;color:var(--ink-2)}
.feet .rs{flex:1;display:flex;flex-direction:column}
.feet .rs div{display:flex;height:26px;align-items:center}
.feet .rs span,.feet .h .n{flex:1;text-align:right;font-family:var(--font-num)}
.feet .h .n{font-family:inherit}
.gtitle.nw b{color:var(--ink-1);font-weight:600}
/* 第三轮补帧：平仓行选中、置灰行的「编辑」、窄列日期、时分滚轮、弹框内联想、行内报错 */
.qty .qr.cl .qc2 em.on{background:var(--fall);color:#fff}
[data-theme="dark"] .qty .qr .qc2 em.on{color:#05122E}
.qty .qr.off .qc2 em.ed{border-color:var(--brand-line);color:var(--brand)}
.rt .c.t.ty{flex:1.36;font-size:10.5px}
.wheel.two{grid-template-columns:repeat(2,1fr);margin-left:70px;margin-right:70px}
.dbody .sug{box-shadow:none;border:1px solid var(--line-2);margin-top:6px}
.dbody .sug div{align-items:center;padding:10px 12px;font-size:13.5px}
.dbody .sug .mk{margin-right:0}
.fr.tip.er{color:var(--danger);justify-content:flex-end;gap:4px}
.fr.tip.er .icn{width:12px;height:12px}
/* ==== v1.3 · TRN 专用 END ==== */
/* ==== v1.3 公共覆盖 BEGIN · 2026-10-14 按代码现状对齐（同一段注入全部图纸，改动从清单目录的 common-v13.css 同步） ==== */
/* 字体：数值走 Inter（代码 NumText），代码 / 编号走 iOS 的 Menlo（代码 MonoText），正文仍是系统字 */
@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Regular.subset.otf") format("opentype");font-weight:400}
@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Medium.subset.otf") format("opentype");font-weight:500}
@font-face{font-family:"Inter";src:url("assets/fonts/Inter-SemiBold.subset.otf") format("opentype");font-weight:600}
@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Bold.subset.otf") format("opentype");font-weight:700}
:root{--font-num:"Inter","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;--font-mono:Menlo,"SF Mono",ui-monospace,monospace}
.phone .num,.hero .amt,.hero .grid3 b,.fxtab td,.pos-val b,.pos-pl,.pos-grid div b,.qt,.gt-r,.stepper i,.kbd span,.tl-i .amt{font-family:var(--font-num)}
.statusbar .num{font-family:inherit}
.phone .mono,.pos-code,.qc-sub,.qc-time,.fxtab td:first-child,.sug span,.tl-i .c span,.row .v.m{font-family:var(--font-mono)}

/* 底栏：四个 Tab（票据 / 账户 / 消息 / 我的）；消息 Tab 只有红点，后端不给条数 */
.tb .tbi{position:relative;display:inline-flex;flex:none}
.tb .tbi .rdot{position:absolute;top:-2px;left:14px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--surface)}

/* 二级页导航栏：iOS 系统导航栏，表面色底、居中 17 / 600 标题、品牌色返回箭头、无分隔线（H5 标题靠左，见 00 规范） */
.navbar{height:44px;background:var(--surface)}
.statusbar:has(+ .navbar){background:var(--surface)}
.navbar h2{font-size:17px;font-weight:600;letter-spacing:0}
.navbar .bk{color:var(--brand)}
.navbar .bk .icn{width:22px;height:22px;stroke-width:2.1}

/* 图注里的身份标记：本期未上线 / v1.3 新增 / 平台限定 */
.cap-flags{display:inline-flex;gap:6px;margin-left:8px;vertical-align:1px}
.cap-flag{font-family:"PingFang SC",system-ui,sans-serif;font-size:10px;letter-spacing:.04em;padding:1px 6px;border-radius:4px;border:1px solid var(--canvas-line);color:var(--canvas-mute);background:var(--canvas-2)}
.cap-flag.off{color:var(--accent);border-color:var(--accent-line);background:var(--accent-weak)}
.cap-flag.new{color:var(--brand);border-color:var(--brand-line);background:var(--brand-weak)}
.cap-flag.plat{color:var(--ok);border-color:rgba(15,123,79,.35);background:var(--ok-weak)}
/* 实心底上的文字（角标 / 实心标签 / 危险按钮）：浅色白字，深色下底色被提亮、改配近黑字（代码 $onFill / $onDanger） */
[data-theme="dark"] .corner,[data-theme="dark"] .t-danger,[data-theme="dark"] .btn.danger,[data-theme="dark"] .mb,[data-theme="dark"] .gt-new::before{color:#05122E}
/* 表格首列的迷你角标（代码 CornerBadge variant="mini"）：9 / 600、左右 4 */
.mb{display:inline-flex;align-items:center;font-size:9px;font-weight:600;line-height:12px;padding:1px 4px;border-radius:4px;color:#fff;background:var(--ink-3);white-space:nowrap}
.mb.d{background:var(--danger)} .mb.a{background:var(--accent)} .mb.m{background:var(--ink-3)} .mb.b{background:var(--brand)}
/* Toast：按内容定宽、最宽 290（代码 maxW 290），单行放得下就不折行；位置 top 76% */
.toast{width:max-content;max-width:290px}
/* ---- 通用组件（代码 components/ 的对应件） ---- */
/* 资金看板右上「>」用 lg 档 */
.hero .arrow{width:22px;height:22px}
/* 只读行：InfoRow（无分隔线）/ FieldRow（带分隔线，.frow），左 ink2 右 Inter */
.irow{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;font-size:14.5px}
.irow span{color:var(--ink-2)}
.irow b{font-weight:400;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.irow b.dg{color:var(--danger)}
.frow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line);font-size:14.5px}
.frow>span{color:var(--ink-2);display:flex;align-items:center;gap:6px}
.frow>b{font-weight:400;font-family:var(--font-num);font-variant-numeric:tabular-nums;text-align:right}
.frow.hl{background:var(--brand-weak)}
.frow.hl>span,.frow.hl>b{color:var(--brand)}
.frow.hl>b{font-weight:600}
.frow.last,.frow:last-child{border-bottom:0}
/* 字段说明 ⓘ（代码 IconButton name="info"，ink4 14） */
.xi{width:14px;height:14px;color:var(--ink-4);flex:none}
/* 弹窗里的证券行（代码在前）与行情行 */
.secl{display:flex;align-items:center;gap:7px}
.secl .mono{font-size:12px;color:var(--ink-3)}
.secl b{font-size:14.5px;font-weight:600}
.phint{display:flex;gap:14px;margin-top:9px;font-size:12px;color:var(--ink-3)}
.phint b{font-weight:400;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.field .num{font-family:var(--font-num)}
.errtip .icn{width:13px;height:13px}
.errtip.r{justify-content:flex-end}
/* 时间片块（代码 TradingWindowDialog） */
.twin{border-radius:10px;background:var(--surface-2);padding:13px 0;display:flex;flex-direction:column;align-items:center;gap:5px}
.twin span{font-size:13px;color:var(--ink-3)}
.twin b{font-size:17px;font-weight:600;font-family:var(--font-num)}
/* 弹窗标题区（代码 DialogHeading）：图标圆 44 + 标题 16.5 / 600 + 说明 14 / ink2 / 行高 23 */
.dicon{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 6px}
.dicon.warn{background:var(--warn-weak);color:var(--warn)}
.dicon.danger{background:var(--danger-weak);color:var(--danger)}
.dicon.ok{background:var(--ok-weak);color:var(--ok)}
.dicon.brand{background:var(--brand-weak);color:var(--brand)}
.dlg-hd .dsc{margin-top:6px;font-size:14px;color:var(--ink-2);line-height:23px}
.dlg-ft span{font-weight:500}
.dlg-ft span.off{color:var(--brand);opacity:.4}
.dlg-ft span.dg{color:var(--danger)}
/* 底部面板标题行（代码 SheetFrame 的四套头）：select 左标题 + 右 × ／ centered 居中无关闭 ／ centered-close 居中 + 右 × ／ filter 左大标题 + 右 × */
.shd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px}
.shd b{font-size:15.5px;font-weight:600}
.shd .icn{color:var(--ink-3)}
.shd-c{padding:16px 18px 4px;text-align:center;position:relative}
.shd-c b{font-size:16.5px;font-weight:600}
.shd-c .icn{position:absolute;right:18px;top:17px;color:var(--ink-3)}
/* 单选面板的选项行（代码 SelectSheet） */
.opt-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}
.opt-row .icn{width:14px;height:14px;color:var(--brand)}
.opt-row b{font-weight:400;color:var(--ink-1)}
.opt-row.sel b{font-weight:600}
.opt-row:last-child{border-bottom:0}
/* 叠在另一层弹窗之上的第二层遮罩 */
.scrim.top2{z-index:45}
/* 列表尾的文字入口（历史票据 > 等） */
.listfoot{display:flex;justify-content:center;align-items:center;gap:3px;padding:12px 0;font-size:13px;color:var(--brand)}
.listfoot .icn{width:13px;height:13px}
/* 分组标题（代码 Section 的标题：12 / ink3，上 16 下 8） */
.gtitle{padding:16px 16px 8px}
/* 转圈（代码 ProgressRing，下拉刷新 / 上拉加载 / 检索在搜共用） */
@keyframes hh-spin{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
.ring{width:16px;height:16px;position:relative;flex:none;display:inline-block}
.ring>svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
.ring .trk{fill:none;stroke:var(--line-2);stroke-width:2.8}
.ring .bar{fill:none;stroke:var(--brand);stroke-width:2.8;stroke-linecap:round}
.spin{animation:hh-spin .9s linear infinite}
.ring.lg{width:24px;height:24px}
.ring.lg .trk,.ring.lg .bar{stroke-width:2.2}
/* 空态（代码 EmptyState）：整页 120×104 / sm 72×62 / row 30×26 三档，插画取色走 --il-* */
.emptyslot{flex:1;display:flex;align-items:center;justify-content:center;padding:0 0 204px}
.emptybox{--il-a:#E7EDF6;--il-b:#D8E0EC;--il-c:#F8FAFE;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 32px}
[data-theme="dark"] .emptybox{--il-a:#1F2A45;--il-b:#161F38;--il-c:#28355A}
.emptybox .illu{width:120px;height:104px;display:block}
.emptybox .etxt{margin-top:16px;font-size:14px;color:var(--ink-3);letter-spacing:.1em}
.emptybox .esub{margin-top:8px;font-size:12px;line-height:1.65;color:var(--ink-4);max-width:236px}
.emptybox .eact{margin-top:20px}
.emptybox.sm{padding:26px 20px}
.emptybox.sm .illu{width:72px;height:62px}
.emptybox.sm .etxt{margin-top:11px;font-size:12.5px;letter-spacing:.08em}
.emptybox.row{flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:9px 0}
.emptybox.row .illu{width:30px;height:26px}
.emptybox.row .etxt{margin-top:0;font-size:12.5px;letter-spacing:.06em}
/* 状态点「已提交」档（代码 StatusSemantic submitted：未报 / 待报 / 待审批）：品牌色空心 */
.st.sub{color:var(--brand)}
.st.sub i{background:transparent;border:1.6px solid currentColor}
/* ---- 持仓卡片（代码 PositionCard）与通用表格（代码 DataTable） ---- */
/* 持仓卡片：多枚角标并排；有角标时顶部只让到 15；估值后的币种小一号 */
.pos .corners{position:absolute;left:0;top:0;display:flex;z-index:3}
.pos .corners .corner{position:static}
.pos:has(.corners) .pos-hd{padding-top:2px}
.pos-val b small{font-size:13.5px;font-weight:400;color:var(--ink-2)}
.pos-code b{font-weight:400;color:var(--accent)}
/* 信息格五项一行：整行按宽度降档 12.5 / 11.5 / 10.5，最小档仍放不下时成对的值拆成两行（i） */
.pos-grid.f5{display:flex;flex-wrap:wrap;column-gap:6px;row-gap:10px}
.pos-grid.f5>div{flex:1 0 auto}
.pos-grid.f5 div span{font-size:10px;letter-spacing:.02em}
.pos-grid.f5 div b{font-size:12.5px;font-weight:500}
.pos-grid.f5 div b em{font-size:11px;font-weight:400}
.pos-grid.f5 div i{display:block;font-style:normal;font-size:11px;color:var(--ink-3);font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.pos-grid.f5.s115 div b{font-size:11.5px}.pos-grid.f5.s115 div b em{font-size:10px}
.pos-grid.f5.s105 div b{font-size:10.5px}.pos-grid.f5.s105 div b em{font-size:9px}
.pos-ops span.pri,.pos-ops span.hot{font-weight:500}
/* 表格模式（DataTable）：表头 36 / 行 52、单元格 12、列距 14，前两列冻结带右投影 */
.ptab{background:var(--surface);overflow:hidden}
.ptab .r{display:flex;align-items:stretch;height:52px;border-bottom:1px solid var(--line);font-size:12px;white-space:nowrap}
.ptab .r.h{height:36px;background:var(--surface-2);font-size:10.5px;letter-spacing:.02em;color:var(--ink-3)}
.ptab .fz,.ptab .sc{display:flex;align-items:center;gap:14px;flex:none}
.ptab .fz{padding:0 14px 0 10px;background:var(--surface);position:relative;z-index:2;box-shadow:4px 0 10px rgba(15,27,51,.06)}
[data-theme="dark"] .ptab .fz{box-shadow:4px 0 10px rgba(0,0,0,.35)}
.ptab .r.h .fz{background:var(--surface-2)}
.ptab .c{flex:none}
.ptab .c.n{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}
.ptab .r.h .c.n{font-family:inherit}
.ptab .c.n .sub{display:block;font-size:11px;color:var(--ink-3);margin-top:2px}
.ptab .cat b{display:block;font-size:12px;font-weight:600}
.ptab .cat b.db{color:var(--accent)}
.ptab .cat .mbs{display:flex;gap:3px;margin-top:3px}
.ptab .scd b{display:block;font-size:12px;font-weight:400}
.ptab .scd span{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-top:3px}
.ptab .scd .cmark{width:13px;height:13px;font-size:8.5px}
.ptab .opsrow{border-bottom:1px solid var(--line)}
.ptab .opsrow .pos-ops{border-top:0}
.ptab .r.sel,.ptab .r.sel .fz{background:var(--brand-weak)}
.ptab .xrow{background:var(--surface-2);border-bottom:1px solid var(--line)}
/* ---- 卡片 / 表格切换（代码 ViewModeToggle） ---- */
.viewtog{display:inline-flex;padding:2px;background:var(--surface-2);border-radius:8px;gap:2px;flex:none;position:relative}
.viewtog.sep{margin-left:4px}
.viewtog.sep::before{content:"";position:absolute;left:-7px;top:2px;bottom:2px;width:1px;background:var(--line-2)}
.viewtog span{width:28px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--ink-3)}
.viewtog span.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-card)}
[data-theme="dark"] .viewtog span.on{background:var(--surface-3)}
.viewtog .icn{width:15px;height:15px;stroke-width:1.8}
/* ==== v1.3 公共覆盖 END ==== */
</style>
</head>
<body>

<svg width="0" height="0" style="position:absolute" aria-hidden="true"><defs>
<g id="i-back"><polyline points="15 4 7 12 15 20"/></g>
<g id="i-right"><polyline points="9 4 17 12 9 20"/></g>
<g id="i-down"><polyline points="5 9 12 16 19 9"/></g>
<g id="i-up"><polyline points="5 15 12 8 19 15"/></g>
<g id="i-search"><circle cx="11" cy="11" r="6.5"/><line x1="16" y1="16" x2="21" y2="21"/></g>
<g id="i-x"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></g>
<g id="i-check"><polyline points="4 12.5 9.5 18 20 6"/></g>
<g id="i-plus"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></g>
<g id="i-minus"><line x1="5" y1="12" x2="19" y2="12"/></g>
<g id="i-eye"><path d="M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z"/><circle cx="12" cy="12" r="2.6"/></g>
<g id="i-eyeoff"><path d="M4 5l16 14"/><path d="M9.5 6.2A9.7 9.7 0 0 1 12 5.5c6.4 0 10 6.5 10 6.5a17 17 0 0 1-3.3 4"/><path d="M6.2 8.3A16.6 16.6 0 0 0 2 12s3.6 6.5 10 6.5a10 10 0 0 0 3.3-.55"/></g>
<g id="i-clock"><circle cx="12" cy="12" r="8.5"/><polyline points="12 7 12 12 15.5 14"/></g>
<g id="i-history"><path d="M3.5 12a8.5 8.5 0 1 0 2.6-6.1"/><polyline points="3 4 3 9 8 9"/><polyline points="12 7.5 12 12 15.5 14"/></g>
<g id="i-filter"><path d="M4 6h16l-6.2 7.4V19l-3.6-2v-3.6z"/></g>
<g id="i-calendar"><rect x="3.5" y="5" width="17" height="15.5" rx="2.5"/><line x1="3.5" y1="9.5" x2="20.5" y2="9.5"/><line x1="8" y1="3" x2="8" y2="6.5"/><line x1="16" y1="3" x2="16" y2="6.5"/></g>
<g id="i-note"><path d="M6 3h8l4.5 4.5V21H6z"/><polyline points="14 3 14 8 18.5 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="13" y2="17"/></g>
<g id="i-wallet"><rect x="3" y="6" width="18" height="14" rx="3"/><path d="M3 10h18"/><circle cx="16.5" cy="15" r="1.3" fill="currentColor" stroke="none"/></g>
<g id="i-user"><circle cx="12" cy="8.5" r="3.8"/><path d="M4.5 20.5a7.5 7.5 0 0 1 15 0"/></g>
<g id="i-transfer"><polyline points="7 7 4 10 7 13"/><path d="M4 10h12a4 4 0 0 1 0 8h-3"/><polyline points="17 17 20 14 17 11" opacity="0"/></g>
<g id="i-swap"><polyline points="8 5 4.5 8.5 8 12"/><line x1="4.5" y1="8.5" x2="19" y2="8.5"/><polyline points="16 19 19.5 15.5 16 12"/><line x1="19.5" y1="15.5" x2="5" y2="15.5"/></g>
<g id="i-refresh"><path d="M20 12a8 8 0 1 1-2.4-5.7"/><polyline points="20 4 20 9 15 9"/></g>
<g id="i-help"><circle cx="12" cy="12" r="8.6"/><path d="M9.6 9.6a2.5 2.5 0 1 1 3.2 2.4c-.6.2-.9.7-.9 1.4v.5"/><circle cx="11.9" cy="16.6" r=".9" fill="currentColor" stroke="none"/></g>
<g id="i-info"><circle cx="12" cy="12" r="8.6"/><line x1="12" y1="11" x2="12" y2="16.5"/><circle cx="12" cy="7.8" r=".9" fill="currentColor" stroke="none"/></g>
<g id="i-alert"><path d="M12 4.5 21 19.5H3z"/><line x1="12" y1="10" x2="12" y2="14.5"/><circle cx="12" cy="17" r=".9" fill="currentColor" stroke="none"/></g>
<g id="i-lock"><rect x="5" y="10.5" width="14" height="10" rx="2.5"/><path d="M8.2 10.5V8a3.8 3.8 0 0 1 7.6 0v2.5"/></g>
<g id="i-key"><circle cx="8" cy="14" r="4"/><path d="M11 11.5 20 3"/><line x1="17" y1="6" x2="19" y2="8"/></g>
<g id="i-shield"><path d="M12 3.5 19 6v6c0 4.2-2.9 7.2-7 8.5-4.1-1.3-7-4.3-7-8.5V6z"/><polyline points="9 12 11.3 14.3 15.3 10.3"/></g>
<g id="i-font"><path d="M4 19 10 5l6 14"/><line x1="6.2" y1="14.5" x2="13.8" y2="14.5"/><path d="M17 19l3-8 3 8" transform="scale(.72) translate(6.5 5)"/></g>
<g id="i-doc"><rect x="4.5" y="3.5" width="15" height="17" rx="2.5"/><line x1="8" y1="9" x2="16" y2="9"/><line x1="8" y1="13" x2="16" y2="13"/><line x1="8" y1="17" x2="12.5" y2="17"/></g>
<g id="i-logout"><path d="M14 5H6.5A2.5 2.5 0 0 0 4 7.5v9A2.5 2.5 0 0 0 6.5 19H14"/><polyline points="16.5 8 20.5 12 16.5 16"/><line x1="20.5" y1="12" x2="10" y2="12"/></g>
<g id="i-fee"><circle cx="12" cy="12" r="8.5"/><path d="M9.5 9h5M9.5 12h5M12 9v8"/></g>
<g id="i-theme"><circle cx="12" cy="12" r="7.5"/><path d="M12 4.5v15a7.5 7.5 0 0 0 0-15z" fill="currentColor" stroke="none"/></g>
<g id="i-sun"><circle cx="12" cy="12" r="4.2"/><line x1="12" y1="2.5" x2="12" y2="5"/><line x1="12" y1="19" x2="12" y2="21.5"/><line x1="2.5" y1="12" x2="5" y2="12"/><line x1="19" y1="12" x2="21.5" y2="12"/><line x1="5.4" y1="5.4" x2="7.1" y2="7.1"/><line x1="16.9" y1="16.9" x2="18.6" y2="18.6"/><line x1="5.4" y1="18.6" x2="7.1" y2="16.9"/><line x1="16.9" y1="7.1" x2="18.6" y2="5.4"/></g>
<g id="i-moon"><path d="M20 14.2A8.4 8.4 0 0 1 9.8 4 8.6 8.6 0 1 0 20 14.2z"/></g>
<g id="i-bell"><path d="M18 16V11a6 6 0 1 0-12 0v5l-1.6 2.5h15.2z"/><path d="M9.8 21a2.4 2.4 0 0 0 4.4 0"/></g>
<g id="i-list"><line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="17" x2="20" y2="17"/></g>
<g id="i-sort"><polyline points="7 9 10 6 13 9"/><polyline points="7 15 10 18 13 15"/></g>
<g id="i-trend"><polyline points="3 16 9 10 13 14 21 6"/><polyline points="15.5 6 21 6 21 11.5"/></g>
<g id="i-img"><rect x="3.5" y="5" width="17" height="14" rx="2.5"/><circle cx="9" cy="10" r="1.6"/><polyline points="5 17 10 12 13.5 15.5 16.5 13 19.5 16"/></g>
<g id="i-upload"><path d="M12 16V5"/><polyline points="7.5 9.5 12 5 16.5 9.5"/><path d="M4 15v3.5A2.5 2.5 0 0 0 6.5 21h11a2.5 2.5 0 0 0 2.5-2.5V15"/></g>
<g id="i-face"><rect x="4" y="4" width="16" height="16" rx="4"/><circle cx="9.3" cy="10.5" r=".9" fill="currentColor" stroke="none"/><circle cx="14.7" cy="10.5" r=".9" fill="currentColor" stroke="none"/><path d="M9 15c1.8 1.5 4.2 1.5 6 0"/></g>
<g id="i-cardview"><rect x="3.5" y="4" width="17" height="7" rx="2"/><rect x="3.5" y="13" width="17" height="7" rx="2"/></g>
<g id="i-tableview"><rect x="3.5" y="4.5" width="17" height="15" rx="2"/><line x1="3.5" y1="9.5" x2="20.5" y2="9.5"/><line x1="3.5" y1="14.5" x2="20.5" y2="14.5"/><line x1="9.6" y1="4.5" x2="9.6" y2="19.5"/></g>
<g id="i-grip"><circle cx="9" cy="6" r="1.2" fill="currentColor" stroke="none"/><circle cx="15" cy="6" r="1.2" fill="currentColor" stroke="none"/><circle cx="9" cy="12" r="1.2" fill="currentColor" stroke="none"/><circle cx="15" cy="12" r="1.2" fill="currentColor" stroke="none"/><circle cx="9" cy="18" r="1.2" fill="currentColor" stroke="none"/><circle cx="15" cy="18" r="1.2" fill="currentColor" stroke="none"/></g>
<g id="i-edit"><path d="M4 20h4L19 9l-4-4L4 16z"/><line x1="13.5" y1="6.5" x2="17.5" y2="10.5"/></g>
<g id="i-bolt"><path d="M13 3 5 13.5h6L10 21l8-10.5h-6z"/></g>
<g id="i-more"><circle cx="6" cy="12" r="1.3" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1.3" fill="currentColor" stroke="none"/><circle cx="18" cy="12" r="1.3" fill="currentColor" stroke="none"/></g>
<g id="i-trash"><path d="M5 7h14"/><path d="M9.5 7V4.5h5V7"/><path d="M6.5 7l1 13h9l1-13"/></g>
<g id="i-sortv"><polyline points="8 10 12 6 16 10"/><polyline points="8 14 12 18 16 14"/></g>
</defs></svg>

<div class="sheet-head">
  <div class="brandmark">
    <div class="glyph"></div>
    <div>
      <div class="sheet-title">总收益票据 · 票据操作与查询</div>
      <div class="sheet-sub">票据投资者 APP ／ v2.0.0 新增品类 · 追保 · 现金提取 · 票据变更 · 卖出 · 调仓与改单 · 新增可交易证券 · 查询子页 · 资金流水 / 费用信息兼容</div>
    </div>
  </div>
  <div class="head-right">
    <div class="meta">
      <div>模块<b>总收益票据 TRN</b></div>
      <div>规格<b>iOS 390 &times; 844 @3x</b></div>
      <div>主题<b>深空蓝 Light / Dark</b></div>
      <div>版本<b>v2.0 草案 · 2026-11-09</b></div>
    </div>
    <div class="skin" role="group" aria-label="主题切换">
      <button data-set="light" class="on"><svg viewBox="0 0 24 24"><use href="#i-sun"/></svg>浅色</button>
      <button data-set="dark"><svg viewBox="0 0 24 24"><use href="#i-moon"/></svg>深色</button>
    </div>
  </div>
</div>
<div class="sec">
  <div class="sec-head"><span class="sec-num">01</span><span class="sec-name">操作入口 · 校验 · 单位</span><span class="sec-rule"></span><span class="sec-note">票据详情底栏与查询 Tab 的全部下游页面；画面背景沿用 <code>10</code> H2</span></div>
  <div class="cards">
    <div class="card-x">
      <h4>入口 ENTRY</h4>
      <div class="bullets">
        <li><b>追保</b>　← 底栏常驻（弹框）</li>
        <li><b>调仓</b>　← 底栏常驻 / 持仓行展开（整页）</li>
        <li><b>新增可交易证券 · 现金提取 · 票据变更 · 卖出</b>　← 底栏「更多」</li>
        <li><b>改单 / 撤单</b>　← 指令 Tab 行展开 / 调仓指令详情</li>
        <li><b>六个查询子页</b>　← 查询 Tab 菜单</li>
        <li>已卖出、或有在途卖出单时<b>不出底栏</b></li>
      </div>
    </div>
    <div class="card-x">
      <h4>「万」单位 UNIT</h4>
      <div class="kv">
        <div class="r"><span>输入</span><b>固定单位「万」，1~9999 正整数</b></div>
        <div class="r"><span>超 4 位</span><b>停止输入 +「请注意单位是万」</b></div>
        <div class="r"><span>展示 · 整万</span><b>20,000 → 2万 CNY</b></div>
        <div class="r"><span>展示 · 非整万</span><b>234,567.89 CNY 原样</b></div>
        <div class="r"><span>上限</span><b>只进到「万」：15,000万</b></div>
        <div class="r"><span>零</span><b>显示 0，不写 0万</b></div>
      </div>
    </div>
    <div class="card-x">
      <h4>通用拦截 GUARD</h4>
      <div class="bullets">
        <li>已卖出或有在途卖出单：「该票据已卖出/卖出订单正在流程中，请勿对其进行任何操作」</li>
        <li>记录类申请（证券 / 提取 / 变更）五态：待审核 · 撤单中 · 已通过 · 已驳回 · 已撤；只有待审核可「撤销申请」</li>
        <li>提交成功统一 Toast「申请提交成功」并回票据详情</li>
        <li>记录类列表的筛选是胶囊<b>就地下拉</b>（E13–E15），不用底部抽屉；历史指令另有「筛选」抽屉</li>
        <li><b>待确认</b>：「万」整数输入无法小额提取 / 融资降到 0（审查报告 F-12）；追保没有在途状态（F-7）；算法时间只选时分还是含日期（K21）；美股市价单改单页（K12b）；撤单中「撤销申请」置灰还是不出（E3b）；票据变更的合适性提示语（K4c）</li>
      </div>
    </div>
  </div>
</div>

<div class="sec">
  <div class="sec-head"><span class="sec-num">02</span><span class="sec-name">票据操作</span><span class="sec-rule"></span><span class="sec-note">36 帧 · 追保 · 现金提取 · 票据变更 · 卖出 · 调仓 / 改单 · 新增可交易证券</span></div>
  <div class="frames">

  <!-- ===== K1 追保 · 弹框 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据详情</h2></div>
        <div class="body">
          <div class="card sumc">
            <div class="hd"><div><div class="no">TRN20260520002</div><div class="se">系列号 001</div></div><span class="tag t-brand">存续期</span></div>
            <div class="vl"><div><span>票据估值</span><b>1,746,740.00<small>CNY</small></b></div><svg class="icn" viewBox="0 0 24 24"><use href="#i-right"/></svg></div>
            <div class="g3"><div><span>持仓市值</span><b>1,820,000.00</b></div><div><span>总资产</span><b>3,080,000.00</b></div><div><span>风险状态</span><b><span class="rk-warn">预警</span></b></div><div><span>账簿余额</span><b>1,260,000.00</b></div><div><span>融资金额</span><b>1,000,000.00</b></div><div><span>交易限制</span><b><span class="rk-warn">限制买入/卖出</span></b></div></div>
          </div>
          <div class="tabs dtabs"><span class="on">持仓</span><span>指令</span><span>历史</span><span>查询</span></div>
          <div class="ptab" style="margin:12px 16px 0;border-radius:14px;height:300px"></div>
        </div>
        <div class="abar"><span class="btn ghost">追保</span><span class="btn pri">调仓</span><span class="btn ghost more">更多</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>追保</h3></div>
            <div class="dbody"><div class="dk"><span>结算币种</span><b>CNY</b></div><div class="dk"><span>资金账户购买力</span><b>923,059.99 CNY</b></div><div class="dk"><span>建议追保金额</span><b class="em">30万 CNY</b></div><div class="flbl"><i>*</i>追保金额</div><div class="field sm focus"><span class="num">20</span><span class="unit">万 CNY</span></div><div class="cmpt">按上述金额追保后，净持比、风险状态将变成：</div><div class="cmp">
              <div class="h"><span>&nbsp;</span><span>追保前</span><span>追保后</span></div>
              <div><span>净持比</span><span>26.40%</span><span class="rk-ok">42.80%</span></div>
              <div><span>风险状态</span><span><span class="rk-warn">预警</span></span><span><span class="rk-ok">正常</span></span></div>
            </div></div>
            <div class="dlg-ft"><span>取消</span><span>确认</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K1</div>
      <div class="cap-title">追保 · 弹框<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>入口：票据详情底栏「追保」。只读三行：结算币种 · 资金账户购买力 · 建议追保金额（取风险监控的建议值，正常票据为 --，见 K1b）</li>
        <li>追保金额固定单位「万」，1~9999 的正整数；下方<b>追保前 / 追保后</b>对比表（净持比、风险状态），随输入实时模拟</li>
        <li>「确认」校验：已卖出或有在途卖出单 → 「该票据已卖出/卖出订单正在流程中，请勿对其进行任何操作」；购买力 < 追保金额 → 「购买力不足」</li>
        <li>提交后冻结资金账户可用金额、通知发行方；Toast「追保成功」回票据详情</li>
      </ul>
    </div>
  </div>

  <!-- ===== K1b 追保 · 初始态（正常票据） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据详情</h2></div>
        <div class="body">
          <div class="card sumc">
            <div class="hd"><div><div class="no">TRN20260618001</div><div class="se">系列号 003</div></div><span class="tag t-brand">存续期</span></div>
            <div class="vl"><div><span>票据估值</span><b>3,855,909.95<small>HKD</small></b></div><svg class="icn" viewBox="0 0 24 24"><use href="#i-right"/></svg></div>
            <div class="g3"><div><span>持仓市值</span><b>4,799,251.23</b></div><div><span>总资产</span><b>11,862,923.63</b></div><div><span>风险状态</span><b><span class="rk-ok">正常</span></b></div><div><span>账簿余额</span><b>7,063,672.40</b></div><div><span>融资金额</span><b>8,000,000.00</b></div><div><span>交易限制</span><b><span class="rk-ok">不限</span></b></div></div>
          </div>
          <div class="tabs dtabs"><span class="on">持仓</span><span>指令</span><span>历史</span><span>查询</span></div>
          <div class="ptab" style="margin:12px 16px 0;border-radius:14px;height:300px"></div>
        </div>
        <div class="abar"><span class="btn ghost">追保</span><span class="btn pri">调仓</span><span class="btn ghost more">更多</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>追保</h3></div>
            <div class="dbody"><div class="dk"><span>结算币种</span><b>HKD</b></div><div class="dk"><span>资金账户购买力</span><b>2,162,440.36 HKD</b></div><div class="dk"><span>建议追保金额</span><b>--</b></div><div class="flbl"><i>*</i>追保金额</div><div class="field sm"><span class="ph">输入 1~9999 的整数</span><span class="unit">万 HKD</span></div><div class="cmpt">按上述金额追保后，净持比、风险状态将变成：</div><div class="cmp">
              <div class="h"><span>&nbsp;</span><span>追保前</span><span>追保后</span></div>
              <div><span>净持比</span><span>148.30%</span><span class="rk-ok">--</span></div>
              <div><span>风险状态</span><span><span class="rk-ok">正常</span></span><span>--</span></div>
            </div></div>
            <div class="dlg-ft"><span>取消</span><span>确认</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K1b</div>
      <div class="cap-title">追保 · 初始态（正常票据）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>风险状态正常的票据也可以追保：风险监控没有建议值，「建议追保金额」显示 --</li>
        <li>未输入时对比表「追保后」两格为 --，输入后实时模拟（K1）；直接点「确认」：框下红字「请输入追保金额」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K2 追保 · 单位提示 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据详情</h2></div>
        <div class="body">
          <div class="card sumc">
            <div class="hd"><div><div class="no">TRN20260520002</div><div class="se">系列号 001</div></div><span class="tag t-brand">存续期</span></div>
            <div class="vl"><div><span>票据估值</span><b>1,746,740.00<small>CNY</small></b></div><svg class="icn" viewBox="0 0 24 24"><use href="#i-right"/></svg></div>
            <div class="g3"><div><span>持仓市值</span><b>1,820,000.00</b></div><div><span>总资产</span><b>3,080,000.00</b></div><div><span>风险状态</span><b><span class="rk-warn">预警</span></b></div><div><span>账簿余额</span><b>1,260,000.00</b></div><div><span>融资金额</span><b>1,000,000.00</b></div><div><span>交易限制</span><b><span class="rk-warn">限制买入/卖出</span></b></div></div>
          </div>
          <div class="tabs dtabs"><span class="on">持仓</span><span>指令</span><span>历史</span><span>查询</span></div>
          <div class="ptab" style="margin:12px 16px 0;border-radius:14px;height:300px"></div>
        </div>
        <div class="abar"><span class="btn ghost">追保</span><span class="btn pri">调仓</span><span class="btn ghost more">更多</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>追保</h3></div>
            <div class="dbody"><div class="dk"><span>结算币种</span><b>CNY</b></div><div class="dk"><span>资金账户购买力</span><b>923,059.99 CNY</b></div><div class="dk"><span>建议追保金额</span><b class="em">30万 CNY</b></div><div class="flbl"><i>*</i>追保金额</div><div class="field sm err"><span class="num">1000</span><span class="unit">万 CNY</span></div><div class="errtip"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-alert"/></svg>请注意单位是万</div><div class="cmpt">按上述金额追保后，净持比、风险状态将变成：</div><div class="cmp">
              <div class="h"><span>&nbsp;</span><span>追保前</span><span>追保后</span></div>
              <div><span>净持比</span><span>26.40%</span><span class="rk-ok">42.80%</span></div>
              <div><span>风险状态</span><span><span class="rk-warn">预警</span></span><span><span class="rk-ok">正常</span></span></div>
            </div></div>
            <div class="dlg-ft"><span>取消</span><span>确认</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K2</div>
      <div class="cap-title">追保 · 单位提示<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>已是 4 位数仍继续输入：不再接收输入，框下红字「请注意单位是万」；空值「请输入追保金额」、非正整数「请输入＞0的整数」</li>
        <li>同一套「万」单位输入用于现金提取、票据变更、新增可交易证券的市值上限</li>
      </ul>
    </div>
  </div>

  <!-- ===== K3 现金提取 · 弹框 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据详情</h2></div>
        <div class="body">
          <div class="card sumc">
            <div class="hd"><div><div class="no">TRN20260618001</div><div class="se">系列号 003</div></div><span class="tag t-brand">存续期</span></div>
            <div class="vl"><div><span>票据估值</span><b>3,855,909.95<small>HKD</small></b></div><svg class="icn" viewBox="0 0 24 24"><use href="#i-right"/></svg></div>
            <div class="g3"><div><span>持仓市值</span><b>4,799,251.23</b></div><div><span>总资产</span><b>11,862,923.63</b></div><div><span>风险状态</span><b><span class="rk-ok">正常</span></b></div><div><span>账簿余额</span><b>7,063,672.40</b></div><div><span>融资金额</span><b>8,000,000.00</b></div><div><span>交易限制</span><b><span class="rk-ok">不限</span></b></div></div>
          </div>
          <div class="tabs dtabs"><span class="on">持仓</span><span>指令</span><span>历史</span><span>查询</span></div>
          <div class="ptab" style="margin:12px 16px 0;border-radius:14px;height:300px"></div>
        </div>
        <div class="abar"><span class="btn ghost">追保</span><span class="btn pri">调仓</span><span class="btn ghost more">更多</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>现金提取</h3></div>
            <div class="dbody"><div class="dk"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="dk"><span>当前浮动盈利</span><b>120,000.00 HKD</b></div><div class="dk"><span>当前账簿余额</span><b>7,063,672.40 HKD</b></div><div class="dk"><span>最大可提取金额</span><b class="em">120,000.00 HKD</b></div><div class="flbl"><i>*</i>申请提取金额</div><div class="field sm focus"><span class="num">10</span><span class="unit">万 HKD</span></div><div class="flbl">申请备注<em>0/500</em></div><div class="field sm area"><span class="ph">选填，最多 500 字</span></div></div>
            <div class="dlg-ft"><span>取消</span><span>提交</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K3</div>
      <div class="cap-title">现金提取 · 弹框<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>入口：更多 → 现金提取。只读：票据编号 · 当前浮动盈利（总资产 − 应付利息 − 面值 − 融资，最小 0）· 当前账簿余额 · <b>最大可提取金额 = MIN(浮动盈利, 账簿余额)</b></li>
        <li>申请提取金额（万）+ 申请备注（选填 500 字）；「提交」校验：在途卖出 → 拦截；已有待审核提取 →「该票据已有流程中的现金提取申请，请勿重复提交」；超额 →「申请提取金额不能超过最大可提取金额」（K3b）</li>
        <li>提交后按金额冻结账簿余额，生成待审核记录（E5），Toast「申请提交成功」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K3b 现金提取 · 超过可提取金额 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据详情</h2></div>
        <div class="body">
          <div class="card sumc">
            <div class="hd"><div><div class="no">TRN20260618001</div><div class="se">系列号 003</div></div><span class="tag t-brand">存续期</span></div>
            <div class="vl"><div><span>票据估值</span><b>3,855,909.95<small>HKD</small></b></div><svg class="icn" viewBox="0 0 24 24"><use href="#i-right"/></svg></div>
            <div class="g3"><div><span>持仓市值</span><b>4,799,251.23</b></div><div><span>总资产</span><b>11,862,923.63</b></div><div><span>风险状态</span><b><span class="rk-ok">正常</span></b></div><div><span>账簿余额</span><b>7,063,672.40</b></div><div><span>融资金额</span><b>8,000,000.00</b></div><div><span>交易限制</span><b><span class="rk-ok">不限</span></b></div></div>
          </div>
          <div class="tabs dtabs"><span class="on">持仓</span><span>指令</span><span>历史</span><span>查询</span></div>
          <div class="ptab" style="margin:12px 16px 0;border-radius:14px;height:300px"></div>
        </div>
        <div class="abar"><span class="btn ghost">追保</span><span class="btn pri">调仓</span><span class="btn ghost more">更多</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>现金提取</h3></div>
            <div class="dbody"><div class="dk"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="dk"><span>当前浮动盈利</span><b>120,000.00 HKD</b></div><div class="dk"><span>当前账簿余额</span><b>7,063,672.40 HKD</b></div><div class="dk"><span>最大可提取金额</span><b class="em">120,000.00 HKD</b></div><div class="flbl"><i>*</i>申请提取金额</div><div class="field sm focus"><span class="num">20</span><span class="unit">万 HKD</span></div><div class="flbl">申请备注<em>0/500</em></div><div class="field sm area"><span class="ph">选填，最多 500 字</span></div></div>
            <div class="dlg-ft"><span>取消</span><span>提交</span></div>
          </div>
        </div>
        <div class="toast" style="top:85%">申请提取金额不能超过最大可提取金额</div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K3b</div>
      <div class="cap-title">现金提取 · 超过可提取金额<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>点「提交」的三条校验都是 Toast、弹框不关：在途卖出拦截 · 「该票据已有流程中的现金提取申请，请勿重复提交」· 本帧</li>
        <li>输入框自身的报错在框下红字（同 K2）：「请输入申请提取金额」「请输入＞0的整数」「请注意单位是万」；备注超长「备注最多500个字符」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K4 票据变更 · 表单页 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据变更</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label>票据编号</label><div class="ctl"><b class="v">TRN20260618001</b></div></div>
            <div class="fr"><label>当前票据面值</label><div class="ctl"><b class="v">4,000,000.00 HKD</b></div></div>
            <div class="fr"><label><i>*</i>变更后票据面值</label><div class="ctl"><div class="field"><span class="num">500</span><span class="unit">万 HKD</span></div></div></div>
            <div class="fr"><label>当前融资金额</label><div class="ctl"><b class="v">8,000,000.00 HKD</b></div></div>
            <div class="fr"><label>融资额度上限</label><div class="ctl"><b class="v">10,000,000.00 HKD</b></div></div>
            <div class="fr"><label><i>*</i>变更后融资金额</label><div class="ctl"><div class="field focus"><span class="num">900</span><span class="unit">万 HKD</span></div></div></div>
            <div class="fr"><label>杠杆比例</label><div class="ctl"><b class="v">2.0000 <span style="color:var(--ink-4);margin:0 4px">→</span> <span style="color:var(--brand)">1.8000</span></b></div></div>
          </div>
          <div class="card fcard" style="padding:12px 15px">
            <div class="flbl" style="margin-top:0">申请备注<em>0/500</em></div>
            <div class="field sm area"><span class="ph">选填，最多 500 字</span></div>
          </div>
          <div class="note-t">面值增加：按差额冻结资金账户可用金额，并重做合适性评估；面值与融资合计减少：按差额绝对值冻结票据账簿余额。</div>
        </div>
        <div class="bbar1"><div class="btn">提交</div></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K4</div>
      <div class="cap-title">票据变更 · 表单页<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>入口：更多 → 票据变更（整页）。只读行直接回显值，<b>可填项是描边输入框</b>（同 <code>02</code> v1.3.1「有框 = 可改」）</li>
        <li>两个输入都以「万」为单位；两项填完后透出杠杆比例「变更前 → 变更后」（融资 / 面值，4 位小数）；未填与报错见 K4b</li>
        <li>提交校验：在途卖出 / 在途变更或提取 / 融资超额度上限 / 购买力不足（面值增加）/ 账簿余额不足（合计减少）；面值增加时按「变更后面值 + 其它存续期面值」再做合适性评估（K4c，三种结果同 <code>10</code> R13b / R13 / R14）</li>
      </ul>
    </div>
  </div>

  <!-- ===== K4b 票据变更 · 未填与报错 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据变更</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label>票据编号</label><div class="ctl"><b class="v">TRN20260618001</b></div></div>
            <div class="fr"><label>当前票据面值</label><div class="ctl"><b class="v">4,000,000.00 HKD</b></div></div>
            <div class="fr"><label><i>*</i>变更后票据面值</label><div class="ctl"><div class="field err"><span class="ph">输入 1~9999 的整数</span><span class="unit">万 HKD</span></div></div></div><div class="fr tip er"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-alert"/></svg>请输入变更后票据面值</div>
            <div class="fr"><label>当前融资金额</label><div class="ctl"><b class="v">8,000,000.00 HKD</b></div></div>
            <div class="fr"><label>融资额度上限</label><div class="ctl"><b class="v">10,000,000.00 HKD</b></div></div>
            <div class="fr"><label><i>*</i>变更后融资金额</label><div class="ctl"><div class="field"><span class="ph">输入 1~9999 的整数</span><span class="unit">万 HKD</span></div></div></div>
            <div class="fr"><label>杠杆比例</label><div class="ctl"><b class="v"><span style="color:var(--ink-4)">--</span></b></div></div>
          </div>
          <div class="card fcard" style="padding:12px 15px">
            <div class="flbl" style="margin-top:0">申请备注<em>0/500</em></div>
            <div class="field sm area"><span class="ph">选填，最多 500 字</span></div>
          </div>
          <div class="note-t">面值增加：按差额冻结资金账户可用金额，并重做合适性评估；面值与融资合计减少：按差额绝对值冻结票据账簿余额。</div>
        </div>
        <div class="bbar1"><div class="btn">提交</div></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K4b</div>
      <div class="cap-title">票据变更 · 未填与报错<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>初始两格为空、杠杆比例为 --，两项都填后才透出「变更前 → 变更后」；空着点「提交」：对应输入框转危险描边，行下红字</li>
        <li>行内报错：「请输入变更后票据面值 / 融资金额」「请输入＞0的整数」「请注意单位是万」；备注「备注最多500个字符」</li>
        <li>提交时的业务校验为 Toast：「该票据已存在审核中的{票据变更申请/现金提取申请}，不允许再次提交」「融资金额不能大于融资额度上限」「购买力不足」「票据账簿余额不足」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K4c 票据变更 · 合适性评估 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据变更</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label>票据编号</label><div class="ctl"><b class="v">TRN20260618001</b></div></div>
            <div class="fr"><label>当前票据面值</label><div class="ctl"><b class="v">4,000,000.00 HKD</b></div></div>
            <div class="fr"><label><i>*</i>变更后票据面值</label><div class="ctl"><div class="field"><span class="num">500</span><span class="unit">万 HKD</span></div></div></div>
            <div class="fr"><label>当前融资金额</label><div class="ctl"><b class="v">8,000,000.00 HKD</b></div></div>
            <div class="fr"><label>融资额度上限</label><div class="ctl"><b class="v">10,000,000.00 HKD</b></div></div>
            <div class="fr"><label><i>*</i>变更后融资金额</label><div class="ctl"><div class="field focus"><span class="num">900</span><span class="unit">万 HKD</span></div></div></div>
            <div class="fr"><label>杠杆比例</label><div class="ctl"><b class="v">2.0000 <span style="color:var(--ink-4);margin:0 4px">→</span> <span style="color:var(--brand)">1.8000</span></b></div></div>
          </div>
          <div class="card fcard" style="padding:12px 15px">
            <div class="flbl" style="margin-top:0">申请备注<em>0/500</em></div>
            <div class="field sm area"><span class="ph">选填，最多 500 字</span></div>
          </div>
          <div class="note-t">面值增加：按差额冻结资金账户可用金额，并重做合适性评估；面值与融资合计减少：按差额绝对值冻结票据账簿余额。</div>
        </div>
        <div class="bbar1"><div class="btn">提交</div></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>合适性评估</h3></div>
            <div style="padding:12px 14px 0"><div class="stab"><div class="sh"><span>检验项目</span><span>产品要求</span><span>我</span><span>匹配结果</span></div><div><span>风险等级</span><span>R5-高风险</span><span>5-非常进取型</span><span class="y">通过</span></div><div><span>投资目标</span><span>4-增长主导</span><span>2-收入主导</span><span class="n">不通过</span></div><div><span>投资年限</span><span>产品周期1Y（1年）</span><span>1-3年</span><span class="y">通过</span></div><div><span>投资年龄</span><span>到期年龄不超过80岁</span><span>35-50岁（按35岁计算）</span><span class="y">通过</span></div><div><span>投资经验</span><span>有衍生品/结构性产品投资经验</span><span>有</span><span class="y">通过</span></div><div><span>账户总资产集中度</span><span>不超过60.00%</span><span>72.50%</span><span class="n">不通过</span></div><div><span>个人总资产集中度</span><span>不超过60.00%</span><span>45.00%</span><span class="y">通过</span></div></div></div>
            <div style="padding:12px 14px 0"><div class="notice warn"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-alert"/></svg><span>如需继续变更，请确认风险并选择你的理由。</span></div></div>
            <div class="reasons"><span class="rad"><i></i>产品目标符合本人投资目标</span><span class="rad on"><i></i>为达至平衡资产配置的目的</span><span class="rad"><i></i>考虑本人在账户外的资产，本人确定此风险属可接受范围</span><span class="rad"><i></i>已寻求独立投资或财务顾问专业意见后做出此投资决定</span><div class="oth"><span class="rad"><i></i>其他</span><div class="field"><span class="ph">请录入少于20字其他原因</span></div></div></div>
            <div class="dlg-ft"><span>取消</span><span>确认</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K4c</div>
      <div class="cap-title">票据变更 · 合适性评估<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>只有面值增加时才评估：按「变更后票据面值 + 其它存续期票据面值」重算集中度；弹窗与 <code>10</code> R13b / R13 / R14 同版式，文案里的「买入」换成「变更」</li>
        <li>需申报：选理由后「确认」→ Toast「申请提交成功」；不通过：只能取消，申请不提交</li>
        <li>这三句提示语（请确认变更 / 如需继续变更 / 不允许变更）需求没给原文，待产品确认</li>
      </ul>
    </div>
  </div>

  <!-- ===== K5 卖出 · 二次确认 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据详情</h2></div>
        <div class="body">
          <div class="card sumc">
            <div class="hd"><div><div class="no">TRN20260618001</div><div class="se">系列号 003</div></div><span class="tag t-brand">存续期</span></div>
            <div class="vl"><div><span>票据估值</span><b>3,855,909.95<small>HKD</small></b></div><svg class="icn" viewBox="0 0 24 24"><use href="#i-right"/></svg></div>
            <div class="g3"><div><span>持仓市值</span><b>4,799,251.23</b></div><div><span>总资产</span><b>11,862,923.63</b></div><div><span>风险状态</span><b><span class="rk-ok">正常</span></b></div><div><span>账簿余额</span><b>7,063,672.40</b></div><div><span>融资金额</span><b>8,000,000.00</b></div><div><span>交易限制</span><b><span class="rk-ok">不限</span></b></div></div>
          </div>
          <div class="tabs dtabs"><span class="on">持仓</span><span>指令</span><span>历史</span><span>查询</span></div>
          <div class="ptab" style="margin:12px 16px 0;border-radius:14px;height:300px"></div>
        </div>
        <div class="abar"><span class="btn ghost">追保</span><span class="btn pri">调仓</span><span class="btn ghost more">更多</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>卖出</h3></div>
            <div class="dbody"><div class="dk"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="dk"><span>卖出票据面值</span><b>4,000,000.00 HKD</b></div><div class="dk"><span>票据估值</span><b class="em">3,855,909.95 HKD</b></div></div>
            <div class="dlg-ft"><span>取消</span><span class="dg">确认卖出</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K5</div>
      <div class="cap-title">卖出 · 二次确认<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>入口：更多 → 卖出。弹框列票据编号 · 卖出票据面值 · 票据估值；「确认卖出」危险色</li>
        <li>按序校验（任一不过即 Toast 中断）：交易时段 → 清算态 → 已卖出 / 在途卖出 → 估值 ≥ 0 → 无持仓 → 最后一笔调减已日终清算 → 冻结金额 = 0 → 无在途变更</li>
        <li>通过后冻结账簿余额，生成卖出订单并跳到票据页「卖出订单」（<code>10</code> R7），Toast「卖出订单已创建」（原型文案，需求未写）；票据进入在途，详情不再出底栏（<code>10</code> H11b）</li>
      </ul>
    </div>
  </div>

  <!-- ===== K6 卖出 · 校验拦截 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据详情</h2></div>
        <div class="body">
          <div class="card sumc">
            <div class="hd"><div><div class="no">TRN20260618001</div><div class="se">系列号 003</div></div><span class="tag t-brand">存续期</span></div>
            <div class="vl"><div><span>票据估值</span><b>3,855,909.95<small>HKD</small></b></div><svg class="icn" viewBox="0 0 24 24"><use href="#i-right"/></svg></div>
            <div class="g3"><div><span>持仓市值</span><b>4,799,251.23</b></div><div><span>总资产</span><b>11,862,923.63</b></div><div><span>风险状态</span><b><span class="rk-ok">正常</span></b></div><div><span>账簿余额</span><b>7,063,672.40</b></div><div><span>融资金额</span><b>8,000,000.00</b></div><div><span>交易限制</span><b><span class="rk-ok">不限</span></b></div></div>
          </div>
          <div class="tabs dtabs"><span class="on">持仓</span><span>指令</span><span>历史</span><span>查询</span></div>
          <div class="ptab" style="margin:12px 16px 0;border-radius:14px;height:300px"></div>
        </div>
        <div class="abar"><span class="btn ghost">追保</span><span class="btn pri">调仓</span><span class="btn ghost more">更多</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>卖出</h3></div>
            <div class="dbody"><div class="dk"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="dk"><span>卖出票据面值</span><b>4,000,000.00 HKD</b></div><div class="dk"><span>票据估值</span><b class="em">3,855,909.95 HKD</b></div></div>
            <div class="dlg-ft"><span>取消</span><span class="dg">确认卖出</span></div>
          </div>
        </div>
        <div class="toast" style="top:66%">请将持仓全部调减后，再卖出票据</div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K6</div>
      <div class="cap-title">卖出 · 校验拦截<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>校验不过时卖出弹框不关，Toast 提示原因。其余文案：「当前时段不允许交易总收益票据」「系统清算处理中，请稍后再试」「票据估值＜0，无法卖出」「请于今日数据清算后，再卖出票据」「该票据有流程中的任务，请待任务完成后再卖出票据」「该票据有待审核的票据变更申请，请待审核完成后再卖出票据」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K15 调仓 · 初始态（底栏入口） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg><span class="ph">代码 / 拼音 / 名称搜索</span></div></div></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i><span style="color:var(--ink-4)">委托价格</span></i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i><span style="color:var(--ink-4)">股数</span></i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v mu">--</b></div></div>
          </div>
          <div class="card book ph"><div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>2</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>3</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>4</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>5</i><b>--</b><span>0 (--)</span></div></div><div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>2</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>3</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>4</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>5</i><b>--</b><span>0 (--)</span></div></div></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K15</div>
      <div class="cap-title">调仓 · 初始态（底栏入口）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>底栏「调仓」进入时证券为空：交易渠道 / 交易时段不出，数量提示整块不出，五档盘口显示占位 <code>--</code></li>
        <li>指令类型先按全市场给（默认限价单），选了证券后按市场收窄；委托金额无法计算时为 --</li>
        <li>未选证券就点调增 / 调减：Toast「请输入证券」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K16 调仓 · 证券联想 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="sug sugabs" style="top:66px">
            <div><b style="font-weight:400"><em>腾讯</em>控股</b><i class="mk hk">HK</i><span>00700.HK</span></div>
            <div><b style="font-weight:400"><em>腾讯</em>音乐-SW</b><i class="mk hk">HK</i><span>01698.HK</span></div>
            <div><b style="font-weight:400"><em>腾讯</em>音乐</b><i class="mk us">US</i><span>TME.US</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field focus" style="height:38px;border-radius:10px"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg><span>腾讯</span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i><span style="color:var(--ink-4)">委托价格</span></i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i><span style="color:var(--ink-4)">股数</span></i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v mu">--</b></div></div>
          </div>
          <div class="card book ph"><div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>2</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>3</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>4</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>5</i><b>--</b><span>0 (--)</span></div></div><div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>2</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>3</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>4</i><b>--</b><span>0 (--)</span></div><div class="lv"><i>5</i><b>--</b><span>0 (--)</span></div></div></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K16</div>
      <div class="cap-title">调仓 · 证券联想<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>输入代码 / 拼音 / 名称即出联想（忽略首尾空格、代码不分大小写），范围港美 A 全市场，<b>不限于持仓与可交易证券清单</b></li>
        <li>联想行：名称（命中字品牌色）+ 市场标签 + 代码；选中后回填，下挂行情、出数量提示与五档</li>
        <li>是否在可交易证券清单内到点「调增」时才校验</li>
      </ul>
    </div>
  </div>

  <!-- ===== K7 调仓 · 限价单（港股） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.60</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>2,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,200.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em class="on">全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K7</div>
      <div class="cap-title">调仓 · 限价单（港股）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>入口：底栏「调仓」（证券为空）或持仓行「调仓」（预填证券与渠道，可改）。调增、调减<b>共用一张表</b>，底部两键区分方向：调增红、调减绿；A股见 K7c</li>
        <li>证券搜索范围港美 A 全市场；选中后下挂最新价 / 涨跌 / 涨跌幅，页底出买卖五档（双击价格填入委托价格）</li>
        <li>委托价格默认最新价，± 按最小价差，右侧闪电进跟价方式（K9）；委托数量默认一手，± 按每手；委托金额 = 价 × 量，交易币种</li>
        <li>最大可开仓 / 可平仓两行各一排快捷项（默认全仓 · 1/2 · 1/4 · 1/8，向下取整手），数量为 0 时整行置灰（K7b）；点选后高亮（此例平仓全仓 = 2,000）；末位「编辑」进 K10</li>
      </ul>
    </div>
  </div>

  <!-- ===== K7c 调仓 · A股限价单 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>平安银行 <span class="mono" style="font-size:12px;color:var(--ink-3)">000001.SZ</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>39.83</b><span>+0.41</span><span>+1.04%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>交易渠道</label><div class="ctl"><div class="sel2"><span>沪深港通</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>39.83</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div><div class="fr sub"><span>跌停 <b>35.85</b></span><span>涨停 <b>43.81</b></span></div><div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>100</i><b>+</b></div></div></div><div class="fr"><label>委托金额</label><div class="ctl"><b class="v">3,983.00 CNY</b></div></div><div class="qty">
              <div class="qr op"><span>最大可开仓 <b>177,200</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>14,200</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book"><div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>39.82</b><span>12.6K (18)</span></div><div class="lv"><i>2</i><b>39.81</b><span>8.4K (11)</span></div><div class="lv"><i>3</i><b>39.80</b><span>21.3K (30)</span></div><div class="lv"><i>4</i><b>39.79</b><span>6.2K (9)</span></div><div class="lv"><i>5</i><b>39.78</b><span>9.8K (14)</span></div></div><div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>39.83</b><span>10.1K (15)</span></div><div class="lv"><i>2</i><b>39.84</b><span>7.7K (10)</span></div><div class="lv"><i>3</i><b>39.85</b><span>15.2K (22)</span></div><div class="lv"><i>4</i><b>39.86</b><span>5.9K (8)</span></div><div class="lv"><i>5</i><b>39.87</b><span>11.4K (16)</span></div></div></div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K7c</div>
      <div class="cap-title">调仓 · A股限价单<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>从持仓行「调仓」进入：证券与<b>交易渠道</b>预填该行（此例沪深港通，即深股通那一行），都可改；底栏入口进来渠道取票据的默认渠道</li>
        <li>A股委托价格下方常驻跌停 / 涨停，超出范围报「价格超出合理范围（35.85~43.81）」；价格须是最小价差的整数倍</li>
        <li>委托数量默认一手（100 股），± 按每手；科创板委托数量不能小于 200 股</li>
      </ul>
    </div>
  </div>

  <!-- ===== K7b 调仓 · 快捷项置灰与选中 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>小米集团-W <span class="mono" style="font-size:12px;color:var(--ink-3)">01810.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>18.26</b><span>+0.12</span><span>+0.66%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>18.26</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div><div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>6,200</i><b>+</b></div></div></div><div class="fr"><label>委托金额</label><div class="ctl"><b class="v">113,212.00 HKD</b></div></div><div class="qty">
              <div class="qr op off"><span>最大可开仓 <b>0</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>12,600</b> 股</span><div class="qc2"><em>全仓</em><em class="on">1/2</em><em>1/4</em><em>1/8</em><em>500股</em><em>1万元</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book"><div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>18.24</b><span>42K (21)</span></div><div class="lv"><i>2</i><b>18.22</b><span>61K (30)</span></div><div class="lv"><i>3</i><b>18.20</b><span>128K (64)</span></div><div class="lv"><i>4</i><b>18.18</b><span>57K (26)</span></div><div class="lv"><i>5</i><b>18.16</b><span>73K (35)</span></div></div><div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>18.26</b><span>38K (19)</span></div><div class="lv"><i>2</i><b>18.28</b><span>66K (31)</span></div><div class="lv"><i>3</i><b>18.30</b><span>142K (70)</span></div><div class="lv"><i>4</i><b>18.32</b><span>49K (22)</span></div><div class="lv"><i>5</i><b>18.34</b><span>80K (38)</span></div></div></div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K7b</div>
      <div class="cap-title">调仓 · 快捷项置灰与选中<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>最大可开仓为 0（账簿余额不足、或票据被限制买入）：该行快捷项<b>整行置灰</b>不可点，行尾「编辑」仍可点；最大可平仓为 0 时同理</li>
        <li>点快捷项即按规则折算填入委托数量并高亮（此例平仓 1/2 = 6,300 股，向下取整手 200 股 → 6,200）；手改数量后高亮取消</li>
        <li>自定义后多于 4 项时在行内横向滑动，「编辑」跟在最后</li>
      </ul>
    </div>
  </div>

  <!-- ===== K18 调仓 · 跟价中 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>中间价</label><div class="ctl"><div class="stepper ro"><b>−</b><i>402.50</i><b>+</b></div><span class="ib2 on"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>2,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,000.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em class="on">全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K18</div>
      <div class="cap-title">调仓 · 跟价中<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>选了非「指定价」后：字段名换成对应方式（此处「中间价」），价格随行情实时刷新，输入框只读、± 置灰，闪电图标实心高亮</li>
        <li>切回「指定价」恢复可编辑；改单进入时跟价方式回到指定价，价格预填原委托价</li>
      </ul>
    </div>
  </div>

  <!-- ===== K19 调仓 · 校验拦截 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.60</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper err"><b>−</b><i>2,050</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">825,330.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="toast" style="top:74%">腾讯控股(00700.HK)一手100股，请将委托数量修改至一手的整数倍</div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K19</div>
      <div class="cap-title">调仓 · 校验拦截<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>点调增 / 调减按序校验，任一不过 Toast 并中断：通用（账户状态、在途卖出、停牌退市、市场支持、交易日、夜盘支持）→ 调增（可交易证券清单、科创板 200 股、整手、最大可开仓）→ 调减（最大可平仓、碎股须一次全卖、费用覆盖）→ 风控（价格笼子、组合调整）；每条文案见 05 节</li>
        <li>港股调减委托股数非整手时：整手部分按所选类型下单，碎股另建一笔碎股调减指令</li>
        <li>通过后 Toast「调增指令已提交 / 调减指令已提交」，回票据详情指令 Tab</li>
      </ul>
    </div>
  </div>

  <!-- ===== K23 调仓 · 美股市价单（夜盘） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>苹果 <span class="mono" style="font-size:12px;color:var(--ink-3)">AAPL.US</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>212.40</b><span>+1.25</span><span>+0.59%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>交易时段</label><div class="ctl"><div class="sel2"><span>夜盘</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>市价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>100</i><b>+</b></div></div></div><div class="fr"><label>委托金额</label><div class="ctl"><b class="v mu">--</b></div></div><div class="qty">
              <div class="qr op"><span>最大可开仓 <b>4,263</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>1,200</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book"><div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>212.38</b><span>300 (2)</span></div><div class="lv"><i>2</i><b>212.36</b><span>500 (3)</span></div><div class="lv"><i>3</i><b>212.35</b><span>800 (4)</span></div><div class="lv"><i>4</i><b>212.33</b><span>1.1K (5)</span></div><div class="lv"><i>5</i><b>212.30</b><span>1.6K (7)</span></div></div><div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>212.41</b><span>200 (1)</span></div><div class="lv"><i>2</i><b>212.43</b><span>600 (3)</span></div><div class="lv"><i>3</i><b>212.45</b><span>900 (4)</span></div><div class="lv"><i>4</i><b>212.48</b><span>1.2K (6)</span></div><div class="lv"><i>5</i><b>212.50</b><span>2K (9)</span></div></div></div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K23</div>
      <div class="cap-title">调仓 · 美股市价单（夜盘）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>市价单没有委托价格一行，委托金额显示 --；只有美股可选市价单（A股、港股没有）</li>
        <li>交易时段选「夜盘」时指令类型只剩限价单 / 市价单；切到夜盘时若当前是 TWAP / POV，自动回落限价单</li>
        <li>提交时校验标的是否支持夜盘：「苹果(AAPL.US)不支持夜盘交易」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K22 指令类型 · 底部面板 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>苹果 <span class="mono" style="font-size:12px;color:var(--ink-3)">AAPL.US</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>212.40</b><span>+1.25</span><span>+0.59%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>交易时段</label><div class="ctl"><div class="sel2"><span>盘中</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>212.40</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div><div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>100</i><b>+</b></div></div></div><div class="fr"><label>委托金额</label><div class="ctl"><b class="v">21,240.00 USD</b></div></div><div class="qty">
              <div class="qr op"><span>最大可开仓 <b>4,263</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>1,200</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book"><div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>212.38</b><span>300 (2)</span></div><div class="lv"><i>2</i><b>212.36</b><span>500 (3)</span></div><div class="lv"><i>3</i><b>212.35</b><span>800 (4)</span></div><div class="lv"><i>4</i><b>212.33</b><span>1.1K (5)</span></div><div class="lv"><i>5</i><b>212.30</b><span>1.6K (7)</span></div></div><div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>212.41</b><span>200 (1)</span></div><div class="lv"><i>2</i><b>212.43</b><span>600 (3)</span></div><div class="lv"><i>3</i><b>212.45</b><span>900 (4)</span></div><div class="lv"><i>4</i><b>212.48</b><span>1.2K (6)</span></div><div class="lv"><i>5</i><b>212.50</b><span>2K (9)</span></div></div></div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="scrim bottom">
          <div class="dlg sheet">
            <div class="shd"><b>指令类型</b><svg class="icn" viewBox="0 0 24 24"><use href="#i-x"/></svg></div>
            <div class="opt-row sel"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-check"/></svg></div><div class="opt-row"><span>市价单</span></div><div class="opt-row"><span>TWAP</span></div><div class="opt-row"><span>POV</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K22</div>
      <div class="cap-title">指令类型 · 底部面板<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>表单里带下拉箭头的字段都用同一个底部单选面板，当前项加粗打勾，选中即收起</li>
        <li><b>指令类型</b>：A股 / 港股 限价单 · TWAP · POV；美股盘中、盘前+盘中+盘后 四项全有（本帧）；美股夜盘只有限价单 · 市价单</li>
        <li><b>交易渠道</b>：票据允许的渠道（QFII / 沪深港通）· <b>交易时段</b>：盘中 / 盘前+盘中+盘后 / 夜盘 · <b>价格要求</b>：限价 / 市价 · <b>拆单频率</b>：固定拆单数量 / 固定时间间隔 · <b>执行风格</b>：正常 / 激进 / 保守</li>
        <li>VCL 对冲的票据：拆单频率固定「固定拆单数量」、POV 执行风格固定「激进」，这两格灰底只读、不可点开</li>
      </ul>
    </div>
  </div>

  <!-- ===== K8 调仓 · A股 TWAP（下滑） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body"><div style="margin-top:-72px"><div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>平安银行 <span class="mono" style="font-size:12px;color:var(--ink-3)">000001.SZ</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>39.83</b><span>+0.41</span><span>+1.04%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>交易渠道</label><div class="ctl"><div class="sel2"><span>沪深港通</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>TWAP</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>价格要求</label><div class="ctl"><div class="sel2"><span>限价</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>39.80</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr sub"><span>跌停 <b>35.85</b></span><span>涨停 <b>43.81</b></span></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>10,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">398,000.00 CNY</b></div></div>
            <div class="sech"><b>TWAP 算法参数</b><span class="secbad">北京时间 UTC+8</span></div>
            <div class="fr"><label><i>*</i>开始时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 09:30（北京）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>结束时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 14:57（北京）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr tip">按北京时间录入 · 开盘 09:30 / 收盘 14:57</div>
            <div class="fr"><label><i>*</i>拆单频率</label><div class="ctl"><div class="sel2"><span>固定拆单数量</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>拆单数量</label><div class="ctl"><div class="stepper"><b>−</b><i>1,000</i><b>+</b></div></div></div>
            <div class="fr"><label><i>*</i>执行风格</label><div class="ctl"><div class="sel2"><span>激进</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
          </div>
          <div style="height:16px"></div></div></div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K8</div>
      <div class="cap-title">调仓 · A股 TWAP（下滑）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>A股多一个<b>交易渠道</b>（默认票据设置的默认渠道，可选 QFII / 沪深港通）且委托价格下显示跌停 / 涨停；美股改为<b>交易时段</b>（盘中 / 盘前+盘中+盘后 / 夜盘）</li>
        <li>指令类型：A股 / 港股 限价单 · TWAP · POV；美股盘中 / 全时段多市价单，夜盘只有限价 / 市价（选择面板见 K22，市价单见 K23）</li>
        <li>TWAP 参数：开始 / 结束时间（各市场当地时间录入，回显带时区）· 拆单频率 · 拆单数量或间隔时长（K8b）· 执行风格（默认激进）；POV 为跟量比例 + 执行风格；时间选择面板见 K21</li>
        <li>提交后 Toast「调增指令已提交 / 调减指令已提交」，回到票据详情指令 Tab</li>
      </ul>
    </div>
  </div>

  <!-- ===== K8b 调仓 · 港股 TWAP（固定时间间隔） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body"><div style="margin-top:-112px">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>TWAP</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>价格要求</label><div class="ctl"><div class="sel2"><span>市价</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>3,000</i><b>+</b></div></div></div><div class="fr"><label>委托金额</label><div class="ctl"><b class="v mu">--</b></div></div><div class="sech"><b>TWAP 算法参数</b><span class="secbad">香港时间 UTC+8</span></div><div class="fr"><label><i>*</i>开始时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 10:30（香港）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>结束时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 16:00（香港）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr tip">按香港时间录入 · 开盘 09:30 / 收盘 16:00</div><div class="fr"><label><i>*</i>拆单频率</label><div class="ctl"><div class="sel2"><span>固定时间间隔</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>间隔时长</label><div class="ctl"><div class="field"><span class="num">30</span><span class="unit">秒</span></div></div></div><div class="fr"><label><i>*</i>执行风格</label><div class="ctl"><div class="sel2"><span>激进</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div></div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K8b</div>
      <div class="cap-title">调仓 · 港股 TWAP（固定时间间隔）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>价格要求选「市价」：不出委托价格，委托金额为 --</li>
        <li>拆单频率选「固定时间间隔」：下一行由「拆单数量」换成<b>间隔时长</b>，固定单位秒、正整数、默认 30；报错「请输入间隔时长」「请输入正整数」</li>
        <li>算法参数之后仍是数量提示两行与五档盘口（下滑可见）</li>
      </ul>
    </div>
  </div>

  <!-- ===== K17 调仓 · 美股 POV（交易时段） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>苹果 <span class="mono" style="font-size:12px;color:var(--ink-3)">AAPL.US</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>212.40</b><span>+1.25</span><span>+0.59%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>交易时段</label><div class="ctl"><div class="sel2"><span>盘前+盘中+盘后</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>POV</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>价格要求</label><div class="ctl"><div class="sel2"><span>市价</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>100</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v mu">--</b></div></div>
            <div class="sech"><b>POV 算法参数</b><span class="secbad">美东时间</span></div>
            <div class="fr"><label><i>*</i>开始时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 04:00（美东）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>结束时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 20:00（美东）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr tip">按美东时间录入 · 开盘 04:00 / 收盘 20:00</div>
            <div class="fr"><label><i>*</i>跟量比例</label><div class="ctl"><div class="field"><span class="num">5</span><span class="unit">%</span></div></div></div>
            <div class="fr"><label><i>*</i>执行风格</label><div class="ctl"><div class="sel2"><span>激进</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>4,263</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>1,200</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K17</div>
      <div class="cap-title">调仓 · 美股 POV（交易时段）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>美股多一个<b>交易时段</b>：盘中（默认）/ 盘前+盘中+盘后 / 夜盘；夜盘只能限价单、市价单，切换后当前类型不可选则回落限价单</li>
        <li>价格要求选「市价」时不出委托价格，委托金额显示 --（市价单同理，K23）</li>
        <li>算法时间按<b>美东时间</b>录入并带时区回显，下方注开收盘时间；VCL 对冲的算法单提交前统一换算北京时间（含夏令时）</li>
        <li>POV：跟量比例（正整数，默认 5%）+ 执行风格（VCL 对冲固定激进）</li>
      </ul>
    </div>
  </div>

  <!-- ===== K21 开始 / 结束时间 · 选择面板 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body"><div style="margin-top:-72px"><div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>平安银行 <span class="mono" style="font-size:12px;color:var(--ink-3)">000001.SZ</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>39.83</b><span>+0.41</span><span>+1.04%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>交易渠道</label><div class="ctl"><div class="sel2"><span>沪深港通</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>TWAP</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>价格要求</label><div class="ctl"><div class="sel2"><span>限价</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>39.80</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr sub"><span>跌停 <b>35.85</b></span><span>涨停 <b>43.81</b></span></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>10,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">398,000.00 CNY</b></div></div>
            <div class="sech"><b>TWAP 算法参数</b><span class="secbad">北京时间 UTC+8</span></div>
            <div class="fr"><label><i>*</i>开始时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 09:30（北京）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>结束时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 14:57（北京）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr tip">按北京时间录入 · 开盘 09:30 / 收盘 14:57</div>
            <div class="fr"><label><i>*</i>拆单频率</label><div class="ctl"><div class="sel2"><span>固定拆单数量</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>拆单数量</label><div class="ctl"><div class="stepper"><b>−</b><i>1,000</i><b>+</b></div></div></div>
            <div class="fr"><label><i>*</i>执行风格</label><div class="ctl"><div class="sel2"><span>激进</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
          </div>
          <div style="height:16px"></div></div></div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="scrim bottom">
          <div class="dlg sheet fsheet">
            <div class="fsheet-hd"><b>开始时间</b><svg class="icn" viewBox="0 0 24 24"><use href="#i-x"/></svg></div>
            <div class="note-t" style="padding:6px 20px 0">北京时间 · 2026-06-30 · 开盘 09:30 / 收盘 14:57</div>
            <div class="wheel two"><div class="band"></div>
              <div class="wcol"><span class="far">07 时</span><span>08 时</span><span class="now">09 时</span><span>10 时</span><span class="far">11 时</span></div>
              <div class="wcol"><span class="far">28 分</span><span>29 分</span><span class="now">30 分</span><span>31 分</span><span class="far">32 分</span></div>
            </div>
            <div class="fsheet-ft"><span class="btn ghost">取消</span><span class="btn">确定</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K21</div>
      <div class="cap-title">开始 / 结束时间 · 选择面板<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>点开始 / 结束时间弹底部滚轮，<b>只选时、分</b>（00:00~23:59），日期取当前交易日；按各市场当地时间录入，副标题注时区与开收盘</li>
        <li>默认值：开始 = 当前时间（盘前为开盘时间），结束 = 收盘时间；回显「yyyy-mm-dd hh:mm（北京 / 香港 / 美东）」</li>
        <li>校验文案：「请选择开始时间」「开始时间不能等于结束时间」「请选择结束时间」「结束时间不能早于当前时间，不能晚于对应市场的收盘时间」</li>
        <li>原型此处是系统自带的日期时间控件（可改日期），需求写「仅选时分」，本稿取需求，待产品确认</li>
      </ul>
    </div>
  </div>

  <!-- ===== K9 跟价方式 · 底部面板 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.60</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>2,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,200.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em class="on">全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="scrim bottom">
          <div class="dlg sheet">
            <div class="shd"><b>跟价方式</b><svg class="icn" viewBox="0 0 24 24"><use href="#i-x"/></svg></div>
            <div class="opt-row sel"><span>指定价</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-check"/></svg></div><div class="opt-row"><span>最新价</span></div><div class="opt-row"><span>中间价</span></div><div class="opt-row"><span>买一价</span></div><div class="opt-row"><span>卖一价</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K9</div>
      <div class="cap-title">跟价方式 · 底部面板<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>单选：指定价 · 最新价 · 中间价 · 买一价 · 卖一价，默认指定价（当前项加粗打勾）；选定后字段名随之改为对应名称（K18）</li>
        <li>非「指定价」时价格跟随行情实时变化、输入框只读（不可手改、不可 ±）；中间价取买一卖一均值并就近到价差整数倍，缺一边取另一边，都没有取昨收</li>
      </ul>
    </div>
  </div>

  <!-- ===== K10 快捷选项 · 编辑 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.60</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>2,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,200.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em class="on">全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>编辑快捷选项</h3><div class="qtip">长按可拖动排序，最多可拥有8个选项</div></div>
            <div class="qedit"><span>全仓<i>×</i></span><span>1/2<i>×</i></span><span class="lift">1/4<i>×</i></span><span>1/8<i>×</i></span><span>500股<i>×</i></span><span>1万元<i>×</i></span><span class="add">+</span></div>
            <div class="dlg-ft"><span>取消</span><span>完成</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K10</div>
      <div class="cap-title">快捷选项 · 编辑<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>开仓、平仓两行各存一套，3~8 项；长按拖动排序，右上 × 直接删（只剩 3 项时隐藏 ×），未满 8 项末位「+」进 K11；只剩 3 项见 K10b，已满 8 项见 K10c</li>
        <li>「完成」保存并刷新该行；配置跨票据保留</li>
      </ul>
    </div>
  </div>

  <!-- ===== K10b 快捷选项 · 只剩 3 项 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.60</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>2,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,200.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em class="on">全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>编辑快捷选项</h3><div class="qtip">长按可拖动排序，最多可拥有8个选项</div></div>
            <div class="qedit"><span>全仓</span><span>1/2</span><span>1/4</span><span class="add">+</span></div>
            <div class="dlg-ft"><span>取消</span><span>完成</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K10b</div>
      <div class="cap-title">快捷选项 · 只剩 3 项<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>删到只剩 3 项：各项右上的 × 全部隐藏，不能再删；多于 3 项后恢复</li>
        <li>末位「+」仍在，可继续新建（K11）</li>
      </ul>
    </div>
  </div>

  <!-- ===== K10c 快捷选项 · 已满 8 项 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.60</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>2,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,200.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em class="on">全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>编辑快捷选项</h3><div class="qtip">长按可拖动排序，最多可拥有8个选项</div></div>
            <div class="qedit"><span>全仓<i>×</i></span><span>1/2<i>×</i></span><span>1/3<i>×</i></span><span>1/4<i>×</i></span><span>1/8<i>×</i></span><span>500股<i>×</i></span><span>2万股<i>×</i></span><span>1万元<i>×</i></span></div>
            <div class="dlg-ft"><span>取消</span><span>完成</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K10c</div>
      <div class="cap-title">快捷选项 · 已满 8 项<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>已有 8 项：末位「+」不再出现，要新建先删一项</li>
        <li>点「完成」保存并刷新该行；点「取消」放弃本次修改</li>
      </ul>
    </div>
  </div>

  <!-- ===== K11 快捷选项 · 新建 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.60</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>2,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,200.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em class="on">全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>新建快捷选项</h3></div>
            <div class="segr"><span class="on">仓位</span><span>数量</span><span>金额</span></div>
            <div class="dbody"><div style="display:flex;align-items:center;gap:10px"><b style="font-size:20px;font-family:var(--font-num)">1 /</b><div class="field sm focus" style="flex:1"><span class="num">3</span></div></div>
            <div class="hint2">只填分母，1~100 的整数；填 1 显示为「全仓」，其余显示「1/分母」</div></div>
            <div class="dlg-ft"><span>取消</span><span>完成</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K11</div>
      <div class="cap-title">快捷选项 · 新建<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>三种类型单选：仓位（填分母 1~100）· 数量（1~9999999，整万显示「万股」）· 金额（1~9999999，整万显示「万元」）；数量 / 金额见 K11b</li>
        <li>已有同值时 Toast「已有该快捷仓位」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K11b 快捷选项 · 新建（数量） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>调仓</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="field" style="height:38px;border-radius:10px"><span>腾讯控股 <span class="mono" style="font-size:12px;color:var(--ink-3)">00700.HK</span></span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.60</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>2,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,200.00 HKD</b></div></div>
            <div class="qty">
              <div class="qr op"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em class="on">全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar2"><span class="btn rise">调增</span><span class="btn fall">调减</span></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>新建快捷选项</h3></div>
            <div class="segr"><span>仓位</span><span class="on">数量</span><span>金额</span></div>
            <div class="dbody"><div class="field sm focus"><span class="num">20000</span><span class="unit">股</span></div>
            <div class="hint2">1~9999999 的整数；能被 1 万整除时按钮显示「2万股」，否则显示「500股」</div></div>
            <div class="dlg-ft"><span>取消</span><span>完成</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K11b</div>
      <div class="cap-title">快捷选项 · 新建（数量）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>「数量」：1~9999999 的整数，整万显示「x万股」，否则「x股」；「金额」同版式，单位元，整万显示「x万元」</li>
        <li>超出范围点「完成」：「请输入 1~9999999 的整数」（仓位为「请输入 1~100 的整数」）；与已有项同值：Toast「已有该快捷仓位」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K12 改单 · TWAP ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>改单</h2></div>
        <div class="body"><div style="margin-top:-72px"><div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="sel2 ro"><span>平安银行 000001.SZ</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="quote"><b>39.83</b><span>+0.41</span><span>+1.04%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>交易渠道</label><div class="ctl"><div class="sel2 ro"><span>沪深港通</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2 ro"><span>TWAP</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>价格要求</label><div class="ctl"><div class="sel2"><span>限价</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>39.80</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div>
            <div class="fr sub"><span>跌停 <b>35.85</b></span><span>涨停 <b>43.81</b></span></div>
            <div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper"><b>−</b><i>10,000</i><b>+</b></div></div></div>
            <div class="fr"><label>委托金额</label><div class="ctl"><b class="v">398,000.00 CNY</b></div></div>
            <div class="sech"><b>TWAP 算法参数</b><span class="secbad">北京时间 UTC+8</span></div>
            <div class="fr"><label><i>*</i>开始时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 09:30（北京）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>结束时间</label><div class="ctl"><div class="sel2"><span>2026-06-30 14:57（北京）</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr tip">按北京时间录入 · 开盘 09:30 / 收盘 14:57</div>
            <div class="fr"><label><i>*</i>拆单频率</label><div class="ctl"><div class="sel2"><span>固定拆单数量</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="fr"><label><i>*</i>拆单数量</label><div class="ctl"><div class="stepper"><b>−</b><i>1,000</i><b>+</b></div></div></div>
            <div class="fr"><label><i>*</i>执行风格</label><div class="ctl"><div class="sel2"><span>激进</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
          </div>
          <div style="height:16px"></div></div></div>
        <div class="bbar1"><div class="btn">确认改单</div></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K12</div>
      <div class="cap-title">改单 · TWAP<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>布局与调仓页一致，<b>不可改的字段灰底只读</b>（证券、交易渠道、交易时段、指令类型），底部只有「确认改单」，提交后 Toast「改单已提交」</li>
        <li>可改范围：限价 / 市价单改价格要求与委托价格（A股限价底层撤单重下）；TWAP、POV 另可改委托股数与全部算法参数；限价单见 K12b</li>
        <li>只有已报、部分成交可改；发行端强平调减不可改</li>
      </ul>
    </div>
  </div>

  <!-- ===== K12b 改单 · 限价单 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>改单</h2></div>
        <div class="body">
          <div class="card fcard">
            <div class="fr"><label><i>*</i>证券</label><div class="ctl"><div class="sel2 ro"><span>腾讯控股 00700.HK</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div>
            <div class="quote"><b>402.60</b><span>+0.30</span><span>+0.07%</span></div>
          </div>
          <div class="card fcard">
            <div class="fr"><label><i>*</i>指令类型</label><div class="ctl"><div class="sel2 ro"><span>限价单</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></div></div></div><div class="fr"><label><i>*</i>委托价格</label><div class="ctl"><div class="stepper"><b>−</b><i>402.80</i><b>+</b></div><span class="ib2"><svg class="icn" viewBox="0 0 24 24"><use href="#i-bolt"/></svg></span></div></div><div class="fr"><label><i>*</i>委托数量</label><div class="ctl"><div class="stepper ro"><b>−</b><i>2,000</i><b>+</b></div></div></div><div class="fr"><label>委托金额</label><div class="ctl"><b class="v">805,600.00 HKD</b></div></div><div class="qty">
              <div class="qr op off"><span>最大可开仓 <b>17,545</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
              <div class="qr cl off"><span>最大可平仓 <b>2,000</b> 股</span><div class="qc2"><em>全仓</em><em>1/2</em><em>1/4</em><em>1/8</em><em class="ed">编辑</em></div></div>
            </div>
          </div>
          <div class="card book">
            <div class="buy"><h5>买盘</h5><div class="lv"><i>1</i><b>402.40</b><span>600 (1)</span></div><div class="lv"><i>2</i><b>402.20</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>402.00</b><span>1K (1)</span></div><div class="lv"><i>4</i><b>401.80</b><span>1.2K (2)</span></div><div class="lv"><i>5</i><b>401.60</b><span>1.4K (2)</span></div></div>
            <div class="sell"><h5>卖盘</h5><div class="lv"><i>1</i><b>402.60</b><span>500 (1)</span></div><div class="lv"><i>2</i><b>402.80</b><span>800 (1)</span></div><div class="lv"><i>3</i><b>403.00</b><span>1.1K (1)</span></div><div class="lv"><i>4</i><b>403.20</b><span>1.4K (2)</span></div><div class="lv"><i>5</i><b>403.40</b><span>1.7K (2)</span></div></div>
          </div>
          <div style="height:16px"></div>
        </div>
        <div class="bbar1"><div class="btn">确认改单</div></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K12b</div>
      <div class="cap-title">改单 · 限价单<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>限价单改单只能改<b>委托价格</b>（含跟价方式）：证券、指令类型灰底只读，委托数量与 ± 置灰，两行数量快捷项也置灰（A股另有交易渠道、美股另有交易时段，同样只读）</li>
        <li>A股限价单改单底层是撤单后重下；进入时跟价方式回到「指定价」，价格预填原委托价</li>
        <li>点「确认改单」不再二次确认，Toast「改单已提交」回指令 Tab；美股市价单的改单页长什么样需求没写清，待产品确认</li>
      </ul>
    </div>
  </div>

  <!-- ===== K13 新增可交易证券 · 本次申请 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>新增可交易证券</h2><span class="rt2"><span class="pl">添加</span></span></div>
        <div class="body">
          <div class="gtitle">本次申请证券（2 / 20）</div>
          <div class="card rtcard"><div class="rt">
            <div class="r h"><div class="c w2">名称代码</div><div class="c n">市值上限（HKD）</div><div class="c n">占比上限</div><div class="c n" style="flex:.6">操作</div></div>
            <div class="r"><div class="c w2"><div class="sname"><b>小米集团-W</b><span><i class="mk hk">HK</i>01810.HK</span></div></div><div class="c n">300万</div><div class="c n">20.00%</div><div class="c n" style="flex:.6;color:var(--ink-3)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-trash"/></svg></div></div><div class="r"><div class="c w2"><div class="sname"><b>英伟达</b><span><i class="mk us">US</i>NVDA.US</span></div></div><div class="c n">无上限</div><div class="c n">15.00%</div><div class="c n" style="flex:.6;color:var(--ink-3)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-trash"/></svg></div></div>
          </div></div>
          <div class="note-t">可选范围：本票据结算币种在对冲账户里支持的市场；单次最多 20 只，同一只不可重复添加。</div>
        </div>
        <div class="bbar1"><div class="btn">提交</div></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K13</div>
      <div class="cap-title">新增可交易证券 · 本次申请<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>入口：更多 → 新增可交易证券，或可交易证券清单右上「申请新增」。导航栏右侧「添加」开 K14</li>
        <li>列表：名称代码 · 市值上限（HKD，整万显示「x万」）· 占比上限 · 删除（不二次确认）；最多 20 条，满了 Toast「已达到单次申请证券数量上限」</li>
        <li>提交校验：在途卖出 / 列表为空 / 市场不支持 / 已有待审核申请；通过 Toast「申请提交成功」，生成一条待审核记录（E2）</li>
      </ul>
    </div>
  </div>

  <!-- ===== K20 新增可交易证券 · 空列表 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>新增可交易证券</h2><span class="rt2"><span class="pl">添加</span></span></div>
        <div class="body">
          <div class="gtitle">本次申请证券（0 / 20）</div>
          <div class="card rtcard"><div class="rt">
            <div class="r h"><div class="c w2">名称代码</div><div class="c n">市值上限（HKD）</div><div class="c n">占比上限</div><div class="c n" style="flex:.6">操作</div></div>
            <div class="r"><div class="c" style="flex:1"><div class="emptybox row"><svg class="illu" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="il1b" x1="10" y1="14" x2="104" y2="90" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-a)"/><stop offset="1" stop-color="var(--il-b)"/></linearGradient><linearGradient id="il1f" x1="18" y1="42" x2="98" y2="94" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-c)"/><stop offset="1" stop-color="var(--il-a)"/></linearGradient></defs><path d="M12 86V22q0-8 8-8h24q4.2 0 6.8 3.3L56 23.4q2.4 3 6.2 3H100q8 0 8 8V86q0 8-8 8H20q-8 0-8-8Z" fill="url(#il1b)"/><path d="M8.6 42h102.8q4.8 0 3.9 4.7l-7.6 41q-.9 5-6 5H18.3q-5.1 0-6-5l-7.6-41Q3.8 42 8.6 42Z" fill="url(#il1f)"/></svg><div class="etxt">请添加证券</div></div></div></div>
          </div></div>
          <div class="note-t">可选范围：本票据结算币种在对冲账户里支持的市场；单次最多 20 只，同一只不可重复添加。</div>
        </div>
        <div class="bbar1"><div class="btn">提交</div></div>
        <div class="toast" style="top:72%">本次申请证券不可为空</div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K20</div>
      <div class="cap-title">新增可交易证券 · 空列表<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>首次进入「本次申请证券」为空，表内一行占位「请添加证券」；导航栏「添加」开 K14</li>
        <li>空列表点「提交」：Toast「本次申请证券不可为空」；满 20 只再点添加：Toast「已达到单次申请证券数量上限」</li>
      </ul>
    </div>
  </div>

  <!-- ===== K14b 添加证券 · 搜索证券 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>新增可交易证券</h2><span class="rt2"><span class="pl">添加</span></span></div>
        <div class="body">
          <div class="gtitle">本次申请证券（0 / 20）</div>
          <div class="card rtcard"><div class="rt">
            <div class="r h"><div class="c w2">名称代码</div><div class="c n">市值上限（HKD）</div><div class="c n">占比上限</div><div class="c n" style="flex:.6">操作</div></div>
            <div class="r"><div class="c" style="flex:1"><div class="emptybox row"><svg class="illu" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="il2b" x1="10" y1="14" x2="104" y2="90" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-a)"/><stop offset="1" stop-color="var(--il-b)"/></linearGradient><linearGradient id="il2f" x1="18" y1="42" x2="98" y2="94" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-c)"/><stop offset="1" stop-color="var(--il-a)"/></linearGradient></defs><path d="M12 86V22q0-8 8-8h24q4.2 0 6.8 3.3L56 23.4q2.4 3 6.2 3H100q8 0 8 8V86q0 8-8 8H20q-8 0-8-8Z" fill="url(#il2b)"/><path d="M8.6 42h102.8q4.8 0 3.9 4.7l-7.6 41q-.9 5-6 5H18.3q-5.1 0-6-5l-7.6-41Q3.8 42 8.6 42Z" fill="url(#il2f)"/></svg><div class="etxt">请添加证券</div></div></div></div>
          </div></div>
          <div class="note-t">可选范围：本票据结算币种在对冲账户里支持的市场；单次最多 20 只，同一只不可重复添加。</div>
        </div>
        <div class="bbar1"><div class="btn">提交</div></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>添加证券</h3></div>
            <div class="dbody"><div class="flbl"><i>*</i>证券</div><div class="field sm focus"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg><span>比亚</span><span class="unit" style="color:var(--ink-4)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div><div class="sug"><div><b style="font-weight:400"><em>比亚</em>迪</b><i class="mk a">A</i><span>002594.SZ</span></div><div><b style="font-weight:400"><em>比亚</em>迪股份</b><i class="mk hk">HK</i><span>01211.HK</span></div><div><b style="font-weight:400"><em>比亚</em>迪电子</b><i class="mk hk">HK</i><span>00285.HK</span></div></div><div class="flbl">市场</div><div class="field sm ro">--</div><div class="flbl">市值上限</div><div class="field sm"><span class="ph">输入 1~9999 的整数</span><span class="unit">万 HKD</span></div><div class="flbl">占比上限</div><div class="field sm"><span class="ph">输入 >0 且 ≤100，最多 2 位小数</span><span class="unit">%</span></div></div>
            <div class="dlg-ft"><span>取消</span><span>确定</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K14b</div>
      <div class="cap-title">添加证券 · 搜索证券<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>初始：证券为空、市场显示 --、两个上限为空。输入名称 / 拼音 / 代码即在框下出联想（命中字品牌色 · 市场标签 · 代码），点选后回填并自动带出市场</li>
        <li>搜索范围：本票据结算币种在对冲账户里支持的市场；忽略首尾空格、代码不分大小写</li>
        <li>报错：「请输入证券」「证券不可重复添加」（本次申请里已有同一只）</li>
      </ul>
    </div>
  </div>

  <!-- ===== K14 添加证券 · 弹框 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>新增可交易证券</h2><span class="rt2"><span class="pl">添加</span></span></div>
        <div class="body">
          <div class="gtitle">本次申请证券（2 / 20）</div>
          <div class="card rtcard"><div class="rt">
            <div class="r h"><div class="c w2">名称代码</div><div class="c n">市值上限（HKD）</div><div class="c n">占比上限</div><div class="c n" style="flex:.6">操作</div></div>
            <div class="r"><div class="c w2"><div class="sname"><b>小米集团-W</b><span><i class="mk hk">HK</i>01810.HK</span></div></div><div class="c n">300万</div><div class="c n">20.00%</div><div class="c n" style="flex:.6;color:var(--ink-3)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-trash"/></svg></div></div><div class="r"><div class="c w2"><div class="sname"><b>英伟达</b><span><i class="mk us">US</i>NVDA.US</span></div></div><div class="c n">无上限</div><div class="c n">15.00%</div><div class="c n" style="flex:.6;color:var(--ink-3)"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-trash"/></svg></div></div>
          </div></div>
          <div class="note-t">可选范围：本票据结算币种在对冲账户里支持的市场；单次最多 20 只，同一只不可重复添加。</div>
        </div>
        <div class="bbar1"><div class="btn">提交</div></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>添加证券</h3></div>
            <div class="dbody"><div class="flbl"><i>*</i>证券</div><div class="field sm"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg><span>比亚迪 <span class="mono" style="font-size:12px;color:var(--ink-3)">002594.SZ</span></span></div><div class="flbl">市场</div><div class="field sm ro">A股</div><div class="flbl">市值上限</div><div class="field sm focus"><span class="num">200</span><span class="unit">万 HKD</span></div><div class="hint2">非必填，不填为无上限；1~9999 的整数</div><div class="flbl">占比上限</div><div class="field sm"><span class="ph">输入 >0 且 ≤100，最多 2 位小数</span><span class="unit">%</span></div><div class="hint2">非必填，不填为不限；与市值上限至少填一项</div></div>
            <div class="dlg-ft"><span>取消</span><span>确定</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K14</div>
      <div class="cap-title">添加证券 · 弹框<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>证券（必填，名称 / 拼音 / 代码模糊搜）· 市场（随证券自动判断，只读）· 市值上限（万 HKD）· 占比上限（%）</li>
        <li>市值上限与占比上限<b>至少填一项</b>；不填分别视为「无上限」「不限」；初始与搜索见 K14b，报错见 K14c</li>
      </ul>
    </div>
  </div>

  <!-- ===== K14c 添加证券 · 报错 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>新增可交易证券</h2><span class="rt2"><span class="pl">添加</span></span></div>
        <div class="body">
          <div class="gtitle">本次申请证券（0 / 20）</div>
          <div class="card rtcard"><div class="rt">
            <div class="r h"><div class="c w2">名称代码</div><div class="c n">市值上限（HKD）</div><div class="c n">占比上限</div><div class="c n" style="flex:.6">操作</div></div>
            <div class="r"><div class="c" style="flex:1"><div class="emptybox row"><svg class="illu" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="il3b" x1="10" y1="14" x2="104" y2="90" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-a)"/><stop offset="1" stop-color="var(--il-b)"/></linearGradient><linearGradient id="il3f" x1="18" y1="42" x2="98" y2="94" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-c)"/><stop offset="1" stop-color="var(--il-a)"/></linearGradient></defs><path d="M12 86V22q0-8 8-8h24q4.2 0 6.8 3.3L56 23.4q2.4 3 6.2 3H100q8 0 8 8V86q0 8-8 8H20q-8 0-8-8Z" fill="url(#il3b)"/><path d="M8.6 42h102.8q4.8 0 3.9 4.7l-7.6 41q-.9 5-6 5H18.3q-5.1 0-6-5l-7.6-41Q3.8 42 8.6 42Z" fill="url(#il3f)"/></svg><div class="etxt">请添加证券</div></div></div></div>
          </div></div>
          <div class="note-t">可选范围：本票据结算币种在对冲账户里支持的市场；单次最多 20 只，同一只不可重复添加。</div>
        </div>
        <div class="bbar1"><div class="btn">提交</div></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>添加证券</h3></div>
            <div class="dbody"><div class="flbl"><i>*</i>证券</div><div class="field sm"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg><span>比亚迪 <span class="mono" style="font-size:12px;color:var(--ink-3)">002594.SZ</span></span></div><div class="flbl">市场</div><div class="field sm ro">A股</div><div class="flbl">市值上限</div><div class="field sm"><span class="ph">输入 1~9999 的整数</span><span class="unit">万 HKD</span></div><div class="hint2">非必填，不填为无上限；1~9999 的整数</div><div class="flbl">占比上限</div><div class="field sm err"><span class="num">120</span><span class="unit">%</span></div><div class="errtip"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-alert"/></svg>请输入＞0，≤100的数</div></div>
            <div class="dlg-ft"><span>取消</span><span>确定</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">K14c</div>
      <div class="cap-title">添加证券 · 报错<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>点「确定」时逐项校验，出错的框转危险描边、框下红字，弹框不关</li>
        <li>市值上限：「请输入＞0的整数」「请注意单位是万」；占比上限：「请输入＞0，≤100的数」「最多支持2位小数」</li>
        <li>两个上限都没填：「市值上限与占比上限至少维护一项」</li>
      </ul>
    </div>
  </div>

  </div>
</div>

<div class="sec">
  <div class="sec-head"><span class="sec-num">03</span><span class="sec-name">查询子页 · 兼容改动</span><span class="sec-rule"></span><span class="sec-note">25 帧 · 查询 Tab 六个入口的列表、详情与就地筛选；E11–E12 改既有页面</span></div>
  <div class="frames">

  <!-- ===== E1 可交易证券清单 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>可交易证券清单</h2></div>
        <div class="body">
          <div class="wlbar"><span>共 6 只</span><span class="rt2"><span>申请记录</span><span class="pl">申请新增</span></span></div>
          <div class="ffb"><span class="fpill">市场 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><div class="fsearch"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg>名称 / 代码</div></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c w2">名称代码</div><div class="c n">市值上限（HKD）</div><div class="c n">占比上限</div></div><div class="r"><div class="c w2"><div class="sname"><b>平安银行</b><span><i class="mk a">A</i>000001.SZ</span></div></div><div class="c n">200万</div><div class="c n">30.00%</div></div><div class="r"><div class="c w2"><div class="sname"><b>贵州茅台</b><span><i class="mk a">A</i>600519.SH</span></div></div><div class="c n">2,345,678.90</div><div class="c n">25.00%</div></div><div class="r"><div class="c w2"><div class="sname"><b>腾讯控股</b><span><i class="mk hk">HK</i>00700.HK</span></div></div><div class="c n">无上限</div><div class="c n">40.00%</div></div><div class="r"><div class="c w2"><div class="sname"><b>小米集团-W</b><span><i class="mk hk">HK</i>01810.HK</span></div></div><div class="c n">500万</div><div class="c n">不限</div></div><div class="r"><div class="c w2"><div class="sname"><b>苹果</b><span><i class="mk us">US</i>AAPL.US</span></div></div><div class="c n">300万</div><div class="c n">40.00%</div></div><div class="r"><div class="c w2"><div class="sname"><b>英伟达</b><span><i class="mk us">US</i>NVDA.US</span></div></div><div class="c n">1,000万</div><div class="c n">20.00%</div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E1</div>
      <div class="cap-title">可交易证券清单<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>表头：名称代码（名称在上，市场标签 + 代码在下）· 市值上限（<b>固定 HKD</b>，整万显示「x万」，否则千分位两位小数，空为「无上限」）· 占比上限（空为「不限」）</li>
        <li>筛选直接摆在列表上方：市场（多选）+ 名称代码搜索，实时刷新（市场下拉见 E1b）；无结果「暂无数据」（E1c）</li>
        <li>列表上方右侧常驻「申请记录」；<b>存续期且无在途卖出单</b>时才多一个「申请新增」（K13），否则只有「申请记录」（E1c）</li>
      </ul>
    </div>
  </div>

  <!-- ===== E1b 可交易证券清单 · 市场下拉 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>可交易证券清单</h2></div>
        <div class="body">
          <div class="wlbar"><span>共 4 只</span><span class="rt2"><span>申请记录</span><span class="pl">申请新增</span></span></div>
          <div class="ffwrap"><div class="ffb"><span class="fpill on open">A股/港股 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><div class="fsearch"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg>名称 / 代码</div></div><div class="ffmask"></div><div class="ffpop"><div class="fo"><span>全部市场</span></div><div class="fo on"><span>A股</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-check"/></svg></div><div class="fo on"><span>港股</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-check"/></svg></div><div class="fo"><span>美股</span></div></div></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c w2">名称代码</div><div class="c n">市值上限（HKD）</div><div class="c n">占比上限</div></div><div class="r"><div class="c w2"><div class="sname"><b>平安银行</b><span><i class="mk a">A</i>000001.SZ</span></div></div><div class="c n">200万</div><div class="c n">30.00%</div></div><div class="r"><div class="c w2"><div class="sname"><b>贵州茅台</b><span><i class="mk a">A</i>600519.SH</span></div></div><div class="c n">2,345,678.90</div><div class="c n">25.00%</div></div><div class="r"><div class="c w2"><div class="sname"><b>腾讯控股</b><span><i class="mk hk">HK</i>00700.HK</span></div></div><div class="c n">无上限</div><div class="c n">40.00%</div></div><div class="r"><div class="c w2"><div class="sname"><b>小米集团-W</b><span><i class="mk hk">HK</i>01810.HK</span></div></div><div class="c n">500万</div><div class="c n">不限</div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E1b</div>
      <div class="cap-title">可交易证券清单 · 市场下拉<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>「市场」多选：全部市场 / A股 / 港股 / 美股；选中即生效，胶囊回显所选并变品牌色（多选用「/」连接），上方「共 n 只」随之变</li>
        <li>持仓变动记录的「市场」是同一个面板；名称代码搜索常驻右侧，两者同时生效</li>
      </ul>
    </div>
  </div>

  <!-- ===== E1c 可交易证券清单 · 无结果（已卖出票据） ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>可交易证券清单</h2></div>
        <div class="body">
          <div class="wlbar"><span>共 0 只</span><span class="rt2"><span>申请记录</span></span></div>
          <div class="ffb"><span class="fpill">市场 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><div class="fsearch" style="box-shadow:0 0 0 1px var(--brand)"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg><b style="font-weight:500;color:var(--ink-1)">宁德</b><span class="clr" style="margin-left:auto;color:var(--ink-4);display:flex"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div></div>
          <div class="emptyslot" style="padding:110px 0 0;flex:none"><div class="emptybox"><svg class="illu" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="il4b" x1="10" y1="14" x2="104" y2="90" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-a)"/><stop offset="1" stop-color="var(--il-b)"/></linearGradient><linearGradient id="il4f" x1="18" y1="42" x2="98" y2="94" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-c)"/><stop offset="1" stop-color="var(--il-a)"/></linearGradient></defs><path d="M12 86V22q0-8 8-8h24q4.2 0 6.8 3.3L56 23.4q2.4 3 6.2 3H100q8 0 8 8V86q0 8-8 8H20q-8 0-8-8Z" fill="url(#il4b)"/><path d="M8.6 42h102.8q4.8 0 3.9 4.7l-7.6 41q-.9 5-6 5H18.3q-5.1 0-6-5l-7.6-41Q3.8 42 8.6 42Z" fill="url(#il4f)"/></svg><div class="etxt">暂无数据</div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E1c</div>
      <div class="cap-title">可交易证券清单 · 无结果（已卖出票据）<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>搜索 / 筛选没有命中、或清单本身为空：整页空态「暂无数据」，清除关键字即恢复</li>
        <li>已卖出、或有在途卖出订单的票据：右上只有「申请记录」，<b>不出「申请新增」</b></li>
      </ul>
    </div>
  </div>

  <!-- ===== E2 申请记录 · 列表 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>申请记录</h2></div>
        <div class="body">
          <div class="ffb"><span class="fpill">状态 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c st0">状态</div><div class="c w2">申请内容（名称 · 上限 · 比例）</div><div class="c t">申请时间</div></div><div class="r"><div class="c st0"><span class="st live"><i></i>待审核</span></div><div class="c w2"><div class="ln"><span>小米集团-W</span><b>300万</b><b>20.00%</b></div><div class="ln"><span>英伟达</span><b>无上限</b><b>15.00%</b></div></div><div class="c t">2026-06-30<i>10:32:05</i></div></div><div class="r"><div class="c st0"><span class="st wait"><i></i>撤单中</span></div><div class="c w2"><div class="ln"><span>美团-W</span><b>100万</b><b>10.00%</b></div></div><div class="c t">2026-06-29<i>16:20:11</i></div></div><div class="r"><div class="c st0"><span class="st done"><i></i>已通过</span></div><div class="c w2"><div class="ln"><span>比亚迪</span><b>200万</b><b>不限</b></div></div><div class="c t">2026-06-25<i>09:12:40</i></div></div><div class="r"><div class="c st0"><span class="st rej"><i></i>已驳回</span></div><div class="c w2"><div class="ln"><span>特斯拉</span><b>500万</b><b>30.00%</b></div></div><div class="c t">2026-06-20<i>14:05:33</i></div></div><div class="r"><div class="c st0"><span class="st exp"><i></i>已撤</span></div><div class="c w2"><div class="ln"><span>宁德时代</span><b>150万</b><b>12.50%</b></div></div><div class="c t">2026-06-18<i>11:47:02</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E2</div>
      <div class="cap-title">申请记录 · 列表<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>三列：状态 · 申请内容（名称 · 上限 · 比例，不显示代码，一次申请多只就多行）· 申请时间（日期 / 时间两行）</li>
        <li>筛选：状态（待审核含撤单中 · 已通过 · 已驳回 · 已撤）+ 申请时间（默认近三月）；按申请时间倒序</li>
      </ul>
    </div>
  </div>

  <!-- ===== E3 申请记录详情 · 待审核 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>申请记录详情</h2></div>
        <div class="body">
          <div class="card dcard" style="margin-top:12px"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时间</span><b>2026-06-30 10:32:05</b></div><div class="frow"><span>状态</span><b><span class="st live"><i></i>待审核</span></b></div></div>
          <div class="gtitle">小米集团-W · 01810.HK</div>
          <div class="card dcard"><div class="frow"><span>申请市值上限</span><b>300万 HKD</b></div><div class="frow"><span>申请占比上限</span><b>20.00%</b></div><div class="frow"><span>审核确认市值上限</span><b class="mu">--</b></div><div class="frow"><span>审核确认占比上限</span><b class="mu">--</b></div></div>
          <div class="gtitle">英伟达 · NVDA.US</div>
          <div class="card dcard"><div class="frow"><span>申请市值上限</span><b>无上限</b></div><div class="frow"><span>申请占比上限</span><b>15.00%</b></div><div class="frow"><span>审核确认市值上限</span><b class="mu">--</b></div><div class="frow"><span>审核确认占比上限</span><b class="mu">--</b></div></div>
        </div>
        <div class="bbar1"><div class="btn ghost">撤销申请</div></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E3</div>
      <div class="cap-title">申请记录详情 · 待审核<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>首卡：票据编号 · 申请时间 · 状态（已通过出「审核意见」、已驳回出「驳回原因」，无值「--」）；下面每只证券一张卡</li>
        <li>审核确认值只有已通过才有，其余「--」；审核确认的两项都为 0 的证券不进清单（已有则删）</li>
        <li>待审核底栏「撤销申请」：二次确认「确认撤销该新增可交易证券申请？」→ 撤单中（E3b）→ 已撤；发行端先审完则 Toast「订单已被处理，撤单失败」；已驳回见 E3c</li>
      </ul>
    </div>
  </div>

  <!-- ===== E3b 申请记录详情 · 撤单中 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>申请记录详情</h2></div>
        <div class="body">
          <div class="card dcard" style="margin-top:12px"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时间</span><b>2026-06-29 16:20:11</b></div><div class="frow"><span>状态</span><b><span class="st wait"><i></i>撤单中</span></b></div></div>
          <div class="gtitle">美团-W · 03690.HK</div>
          <div class="card dcard"><div class="frow"><span>申请市值上限</span><b>100万 HKD</b></div><div class="frow"><span>申请占比上限</span><b>10.00%</b></div><div class="frow"><span>审核确认市值上限</span><b class="mu">--</b></div><div class="frow"><span>审核确认占比上限</span><b class="mu">--</b></div></div>
        </div>
        <div class="bbar1"><div class="btn off">撤销申请</div></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E3b</div>
      <div class="cap-title">申请记录详情 · 撤单中<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>点「撤销申请」确认后转撤单中：状态换成「撤单中」，底栏按钮<b>置灰</b>防重复提交；发行端撤销成功 → 已撤并 Toast「已撤单」</li>
        <li>已撤：没有底栏，其余同本帧；现金提取、票据变更详情的撤单中 / 已撤同理</li>
        <li>需求另有一句「仅待审核状态展示撤销按钮」，撤单中是置灰还是不出按钮两处写法不一，本稿取置灰，待产品确认</li>
      </ul>
    </div>
  </div>

  <!-- ===== E16 申请记录详情 · 已通过 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>申请记录详情</h2></div>
        <div class="body">
          <div class="card dcard" style="margin-top:12px"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时间</span><b>2026-06-20 09:30:00</b></div><div class="frow"><span>状态</span><b><span class="st done"><i></i>已通过</span></b></div><div class="frow"><span>审核意见</span><b>美团-W 占比上限下调至 20%，其余按申请值通过</b></div></div>
          <div class="gtitle">宁德时代 · 300750.SZ</div>
          <div class="card dcard"><div class="frow"><span>申请市值上限</span><b>200万 HKD</b></div><div class="frow"><span>申请占比上限</span><b>30.00%</b></div><div class="frow"><span>审核确认市值上限</span><b>200万 HKD</b></div><div class="frow"><span>审核确认占比上限</span><b>30.00%</b></div></div>
          <div class="gtitle">美团-W · 03690.HK</div>
          <div class="card dcard"><div class="frow"><span>申请市值上限</span><b>无上限</b></div><div class="frow"><span>申请占比上限</span><b>25.00%</b></div><div class="frow"><span>审核确认市值上限</span><b>无上限</b></div><div class="frow"><span>审核确认占比上限</span><b class="em">20.00%</b></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E16</div>
      <div class="cap-title">申请记录详情 · 已通过<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>已通过：状态下多一行「审核意见」；每只证券的审核确认值取发行方录入值，与申请值不同时照实显示（美团-W 占比上限 25% → 20%）</li>
        <li>两项审核确认都为 0 的证券不进清单（已在清单则移除）；终态没有底栏</li>
      </ul>
    </div>
  </div>

  <!-- ===== E3c 申请记录详情 · 已驳回 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>申请记录详情</h2></div>
        <div class="body">
          <div class="card dcard" style="margin-top:12px"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时间</span><b>2026-06-29 16:20:11</b></div><div class="frow"><span>状态</span><b><span class="st rej"><i></i>已驳回</span></b></div><div class="frow"><span>驳回原因</span><b class="dg">标的不在本期可投范围</b></div></div>
          <div class="gtitle">美团-W · 03690.HK</div>
          <div class="card dcard"><div class="frow"><span>申请市值上限</span><b>100万 HKD</b></div><div class="frow"><span>申请占比上限</span><b>10.00%</b></div><div class="frow"><span>审核确认市值上限</span><b class="mu">--</b></div><div class="frow"><span>审核确认占比上限</span><b class="mu">--</b></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E3c</div>
      <div class="cap-title">申请记录详情 · 已驳回<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>已驳回：状态下多一行红字「驳回原因」（无值显示 --）；各证券的审核确认值都是 --；没有底栏</li>
        <li>现金提取详情已驳回同理：审核信息里「审核意见」一行换成「驳回原因」，审核确认提取金额为 --</li>
      </ul>
    </div>
  </div>

  <!-- ===== E17 撤销申请 · 二次确认 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>申请记录详情</h2></div>
        <div class="body">
          <div class="card dcard" style="margin-top:12px"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时间</span><b>2026-06-30 10:32:05</b></div><div class="frow"><span>状态</span><b><span class="st live"><i></i>待审核</span></b></div></div>
          <div class="gtitle">小米集团-W · 01810.HK</div>
          <div class="card dcard"><div class="frow"><span>申请市值上限</span><b>300万 HKD</b></div><div class="frow"><span>申请占比上限</span><b>20.00%</b></div><div class="frow"><span>审核确认市值上限</span><b class="mu">--</b></div><div class="frow"><span>审核确认占比上限</span><b class="mu">--</b></div></div>
          <div class="gtitle">英伟达 · NVDA.US</div>
          <div class="card dcard"><div class="frow"><span>申请市值上限</span><b>无上限</b></div><div class="frow"><span>申请占比上限</span><b>15.00%</b></div><div class="frow"><span>审核确认市值上限</span><b class="mu">--</b></div><div class="frow"><span>审核确认占比上限</span><b class="mu">--</b></div></div>
        </div>
        <div class="bbar1"><div class="btn ghost">撤销申请</div></div>
        <div class="scrim">
          <div class="dlg">
            <div class="dlg-hd"><h3>撤销申请</h3><p class="dsc">确认撤销该新增可交易证券申请？</p></div>
            
            <div class="dlg-ft"><span>取消</span><span class="dg">确定</span></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E17</div>
      <div class="cap-title">撤销申请 · 二次确认<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>三类申请（新增可交易证券 / 现金提取 / 票据变更）的待审核详情页底栏都有「撤销申请」；确认句分别为「确认撤销该新增可交易证券申请？」「确认撤销该现金提取申请？」「确认撤销该票据变更申请？」</li>
        <li>确定后转撤单中、按钮随即置灰（E3b）；撤销成功 Toast「已撤单」；发行端先审完：Toast「订单已被处理，撤单失败」并刷新为实际状态</li>
      </ul>
    </div>
  </div>

  <!-- ===== E4 费用信息 · 本票据 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>费用信息</h2></div>
        <div class="body">
          <div class="gtitle">调仓费用</div>
          <div class="card dcard">
            <div class="fgrp"><div class="fh">A股 · QFII</div><div class="ftab"><div class="r h"><span>收费项目</span><span class="w">收费节点</span><span>收费策略</span><span class="n">费用</span><span class="n">最低收费</span><span class="n">最高收费</span></div><div class="r"><span>佣金</span><span class="w">调增成交、调减成交</span><span>百分比</span><span class="n">0.05%</span><span class="n">8.00</span><span class="n">--</span></div><div class="r"><span>平台费</span><span class="w">调增成交、调减成交</span><span>固定收费</span><span class="n">15.00</span><span class="n">--</span><span class="n">--</span></div><div class="r"><span>印花税</span><span class="w">调减成交</span><span>百分比</span><span class="n">0.05%</span><span class="n">--</span><span class="n">--</span></div><div class="r"><span>规费</span><span class="w">调增成交、调减成交</span><span>百分比</span><span class="n">0.002%</span><span class="n">--</span><span class="n">--</span></div></div></div>
            <div class="fgrp"><div class="fh">A股 · 沪深港通</div><div class="ftab"><div class="r h"><span>收费项目</span><span class="w">收费节点</span><span>收费策略</span><span class="n">费用</span><span class="n">最低收费</span><span class="n">最高收费</span></div><div class="r"><span>佣金</span><span class="w">调增成交、调减成交</span><span>百分比</span><span class="n">0.06%</span><span class="n">8.00</span><span class="n">--</span></div><div class="r"><span>平台费</span><span class="w">调增成交、调减成交</span><span>固定收费</span><span class="n">15.00</span><span class="n">--</span><span class="n">--</span></div><div class="r"><span>印花税</span><span class="w">调减成交</span><span>百分比</span><span class="n">0.05%</span><span class="n">--</span><span class="n">--</span></div></div></div>
            <div class="fgrp"><div class="fh">港股</div><div class="ftab"><div class="r h"><span>收费项目</span><span class="w">收费节点</span><span>收费策略</span><span class="n">费用</span><span class="n">最低收费</span><span class="n">最高收费</span></div><div class="r"><span>佣金</span><span class="w">调增成交、调减成交</span><span>百分比</span><span class="n">0.08%</span><span class="n">50.00</span><span class="n">--</span></div><div class="r"><span>平台费</span><span class="w">调增成交、调减成交</span><span>固定收费</span><span class="n">15.00</span><span class="n">--</span><span class="n">--</span></div><div class="r"><span>交易费</span><span class="w">调增成交、调减成交</span><span>百分比</span><span class="n">0.00565%</span><span class="n">0.01</span><span class="n">--</span></div></div></div>
            <div class="fgrp"><div class="fh">美股<em class="mu">不收取费用</em></div></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E4</div>
      <div class="cap-title">费用信息 · 本票据<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>展示本票据绑定的调仓费用项：A股拆 QFII / 沪深港通，港股、美股按市场；表头：收费项目 · 收费节点 · 收费策略 · 费用 · 最低 · 最高</li>
        <li>静态查询页，无操作；没有收费配置的组写「不收取费用」</li>
      </ul>
    </div>
  </div>

  <!-- ===== E5 现金提取记录 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>现金提取记录</h2></div>
        <div class="body">
          <div class="ffb"><span class="fpill">状态 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c ">状态</div><div class="c n w2">申请提取金额（HKD）</div><div class="c t">申请时间</div></div><div class="r"><div class="c "><span class="st live"><i></i>待审核</span></div><div class="c n w2">10万</div><div class="c t">2026-06-30<i>11:20:45</i></div></div><div class="r"><div class="c "><span class="st wait"><i></i>撤单中</span></div><div class="c n w2">5万</div><div class="c t">2026-06-28<i>15:02:10</i></div></div><div class="r"><div class="c "><span class="st done"><i></i>已通过</span></div><div class="c n w2">120,000.50</div><div class="c t">2026-06-21<i>10:00:12</i></div></div><div class="r"><div class="c "><span class="st rej"><i></i>已驳回</span></div><div class="c n w2">20万</div><div class="c t">2026-06-12<i>09:41:30</i></div></div><div class="r"><div class="c "><span class="st exp"><i></i>已撤</span></div><div class="c n w2">3万</div><div class="c t">2026-06-05<i>13:15:00</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E5</div>
      <div class="cap-title">现金提取记录<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>三列：状态 · 申请提取金额（结算币种，「万」规范）· 申请时间；申请时间倒序，筛选同 E2</li>
        <li>点行进现金提取详情（E6 / E6b）；撤单中按「待审核」筛；无数据见 E18</li>
      </ul>
    </div>
  </div>

  <!-- ===== E13 列表筛选 · 状态下拉 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>现金提取记录</h2></div>
        <div class="body">
          <div class="ffwrap"><div class="ffb"><span class="fpill on open">待审核 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div><div class="ffmask"></div><div class="ffpop"><div class="fo"><span>全部状态</span></div><div class="fo on"><span>待审核</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-check"/></svg></div><div class="fo"><span>已通过</span></div><div class="fo"><span>已驳回</span></div><div class="fo"><span>已撤</span></div></div></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c ">状态</div><div class="c n w2">申请提取金额（HKD）</div><div class="c t">申请时间</div></div><div class="r"><div class="c "><span class="st live"><i></i>待审核</span></div><div class="c n w2">10万</div><div class="c t">2026-06-30<i>11:20:45</i></div></div><div class="r"><div class="c "><span class="st wait"><i></i>撤单中</span></div><div class="c n w2">5万</div><div class="c t">2026-06-28<i>15:02:10</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E13</div>
      <div class="cap-title">列表筛选 · 状态下拉<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>记录类列表的筛选直接摆在列表上方：点胶囊就地下拉，<b>不用底部抽屉</b>；下拉外区域压暗，点击即收起</li>
        <li>状态多选：待审核（含撤单中）· 已通过 · 已驳回 · 已撤；都不选为「全部状态」；选中即生效，胶囊回显所选并变品牌色</li>
        <li>同一套下拉用于申请记录、现金提取记录、票据变更记录、账簿余额变动记录（变动类型）、持仓变动记录（市场 / 变动类型）</li>
      </ul>
    </div>
  </div>

  <!-- ===== E14 列表筛选 · 时间下拉 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>现金提取记录</h2></div>
        <div class="body">
          <div class="ffwrap"><div class="ffb"><span class="fpill">状态 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on open">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div><div class="ffmask"></div><div class="ffpop">
              <div class="fq"><span>近一周</span><span>近一月</span><span class="on">近三月</span></div>
              <div class="fd"><div class="dt"><em>开始日期</em><b>2026-03-30</b></div><i>至</i><div class="dt"><em>结束日期</em><b>2026-06-30</b></div></div>
              <div class="fbtn"><span class="btn ghost">重置</span><span class="btn">确定</span></div>
            </div></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c ">状态</div><div class="c n w2">申请提取金额（HKD）</div><div class="c t">申请时间</div></div><div class="r"><div class="c "><span class="st live"><i></i>待审核</span></div><div class="c n w2">10万</div><div class="c t">2026-06-30<i>11:20:45</i></div></div><div class="r"><div class="c "><span class="st wait"><i></i>撤单中</span></div><div class="c n w2">5万</div><div class="c t">2026-06-28<i>15:02:10</i></div></div><div class="r"><div class="c "><span class="st done"><i></i>已通过</span></div><div class="c n w2">120,000.50</div><div class="c t">2026-06-21<i>10:00:12</i></div></div><div class="r"><div class="c "><span class="st rej"><i></i>已驳回</span></div><div class="c n w2">20万</div><div class="c t">2026-06-12<i>09:41:30</i></div></div><div class="r"><div class="c "><span class="st exp"><i></i>已撤</span></div><div class="c n w2">3万</div><div class="c t">2026-06-05<i>13:15:00</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E14</div>
      <div class="cap-title">列表筛选 · 时间下拉<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>时间胶囊默认「近三月」；面板：近一周 / 近一月 / 近三月 + 起止日期（都含当天），「确定」才生效，「重置」清为不限；点起止日期在面板内展开年月日滚轮（同 <code>10</code> H7b）</li>
        <li>开始晚于结束：Toast「开始日期不可晚于结束日期」</li>
      </ul>
    </div>
  </div>

  <!-- ===== E18 记录列表 · 暂无数据 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>现金提取记录</h2></div>
        <div class="body">
          <div class="ffb"><span class="fpill">状态 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div>
          <div class="emptyslot" style="padding:110px 0 0;flex:none"><div class="emptybox"><svg class="illu" viewBox="0 0 120 104" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="il4b" x1="10" y1="14" x2="104" y2="90" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-a)"/><stop offset="1" stop-color="var(--il-b)"/></linearGradient><linearGradient id="il4f" x1="18" y1="42" x2="98" y2="94" gradientUnits="userSpaceOnUse"><stop stop-color="var(--il-c)"/><stop offset="1" stop-color="var(--il-a)"/></linearGradient></defs><path d="M12 86V22q0-8 8-8h24q4.2 0 6.8 3.3L56 23.4q2.4 3 6.2 3H100q8 0 8 8V86q0 8-8 8H20q-8 0-8-8Z" fill="url(#il4b)"/><path d="M8.6 42h102.8q4.8 0 3.9 4.7l-7.6 41q-.9 5-6 5H18.3q-5.1 0-6-5l-7.6-41Q3.8 42 8.6 42Z" fill="url(#il4f)"/></svg><div class="etxt">暂无数据</div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E18</div>
      <div class="cap-title">记录列表 · 暂无数据<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>六个查询子页（清单、申请记录、现金提取记录、票据变更记录、账簿余额变动记录、持仓变动记录）无数据或筛选无结果，统一整页空态「暂无数据」</li>
        <li>筛选条保留，可直接改条件；时间默认近三月</li>
      </ul>
    </div>
  </div>

  <!-- ===== E6b 现金提取详情 · 待审核 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>现金提取详情</h2></div>
        <div class="body">
          <div class="gtitle">申请信息</div>
          <div class="card dcard"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时浮动盈利</span><b>12万 HKD</b></div><div class="frow"><span>申请时账簿余额</span><b>7,063,672.40 HKD</b></div><div class="frow"><span>申请提取金额</span><b>10万 HKD</b></div><div class="frow"><span>申请备注</span><b class="mu">--</b></div><div class="frow"><span>申请时间</span><b>2026-06-30 11:20:45</b></div></div>
          <div class="gtitle">审核信息</div>
          <div class="card dcard"><div class="frow"><span>状态</span><b><span class="st live"><i></i>待审核</span></b></div><div class="frow"><span>审核确认提取金额</span><b class="mu">--</b></div></div>
        </div>
        <div class="bbar1"><div class="btn ghost">撤销申请</div></div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E6b</div>
      <div class="cap-title">现金提取详情 · 待审核<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>待审核：审核信息只有状态与「审核确认提取金额 --」，没有意见行；底栏「撤销申请」→ 二次确认「确认撤销该现金提取申请？」（E17）</li>
        <li>撤销后冻结的账簿余额解冻；发行端已先审完：Toast「订单已被处理，撤单失败」并刷新为实际状态</li>
        <li>票据变更详情待审核同理，确认句「确认撤销该票据变更申请？」</li>
      </ul>
    </div>
  </div>

  <!-- ===== E6 现金提取详情 · 已通过 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>现金提取详情</h2></div>
        <div class="body">
          <div class="gtitle">申请信息</div>
          <div class="card dcard"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时浮动盈利</span><b>150,000.50 HKD</b></div><div class="frow"><span>申请时账簿余额</span><b>7,063,672.40 HKD</b></div><div class="frow"><span>申请提取金额</span><b>12万 HKD</b></div><div class="frow"><span>申请备注</span><b>用于补充其他账户资金</b></div><div class="frow"><span>申请时间</span><b>2026-06-21 10:00:12</b></div></div>
          <div class="gtitle">审核信息</div>
          <div class="card dcard"><div class="frow"><span>状态</span><b><span class="st done"><i></i>已通过</span></b></div><div class="frow"><span>审核意见</span><b>按浮盈核定</b></div><div class="frow"><span>审核确认提取金额</span><b class="em">10万 HKD</b></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E6</div>
      <div class="cap-title">现金提取详情 · 已通过<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>两组：申请信息（票据编号 · 申请时浮动盈利 · 申请时账簿余额 · 申请提取金额 · 申请备注 · 申请时间）/ 审核信息（状态 · 审核意见或驳回原因 · 审核确认提取金额）</li>
        <li>审核确认值只有已通过显示（品牌色），其余「--」；待审核底栏「撤销申请」（E6b），流程同 E3</li>
      </ul>
    </div>
  </div>

  <!-- ===== E7 票据变更记录 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据变更记录</h2></div>
        <div class="body">
          <div class="ffb"><span class="fpill">状态 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c ">状态</div><div class="c n">变更后票据面值</div><div class="c n">变更后融资金额</div><div class="c t">申请时间</div></div><div class="r"><div class="c "><span class="st live"><i></i>待审核</span></div><div class="c n">500万</div><div class="c n">900万</div><div class="c t">2026-06-30<i>14:08:22</i></div></div><div class="r"><div class="c "><span class="st wait"><i></i>撤单中</span></div><div class="c n">450万</div><div class="c n">800万</div><div class="c t">2026-06-24<i>11:16:09</i></div></div><div class="r"><div class="c "><span class="st done"><i></i>已通过</span></div><div class="c n">400万</div><div class="c n">800万</div><div class="c t">2026-06-19<i>10:30:00</i></div></div><div class="r"><div class="c "><span class="st rej"><i></i>已驳回</span></div><div class="c n">600万</div><div class="c n">1,200万</div><div class="c t">2026-06-10<i>16:45:18</i></div></div><div class="r"><div class="c "><span class="st exp"><i></i>已撤</span></div><div class="c n">3,500,000.50</div><div class="c n">700万</div><div class="c t">2026-06-02<i>09:20:41</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E7</div>
      <div class="cap-title">票据变更记录<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>四列：状态 · 变更后票据面值 · 变更后融资金额 · 申请时间（金额走「万」规范）；筛选同 E2</li>
      </ul>
    </div>
  </div>

  <!-- ===== E8b 票据变更详情 · 已通过 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据变更详情</h2></div>
        <div class="body">
          <div class="gtitle">申请信息</div>
          <div class="card dcard"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时票据面值</span><b>400万 HKD</b></div><div class="frow"><span>变更后票据面值</span><b>500万 HKD</b></div><div class="frow"><span>申请时融资金额</span><b>800万 HKD</b></div><div class="frow"><span>变更后融资金额</span><b>900万 HKD</b></div><div class="frow"><span>杠杆比例变动</span><b>2.0000<span class="arr">→</span>1.8000</b></div><div class="frow"><span>申请备注</span><b>加仓港股科技</b></div><div class="frow"><span>申请时间</span><b>2026-06-19 10:30:00</b></div></div>
          <div class="gtitle">审核信息</div>
          <div class="card dcard"><div class="frow"><span>状态</span><b><span class="st done"><i></i>已通过</span></b></div><div class="frow"><span>审核意见</span><b>融资金额按 850 万核定</b></div><div class="frow"><span>审核确认票据面值</span><b class="em">500万 HKD</b></div><div class="frow"><span>审核确认融资金额</span><b class="em">850万 HKD</b></div><div class="frow"><span>杠杆比例变动</span><b>2.0000<span class="arr">→</span>1.7000</b></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E8b</div>
      <div class="cap-title">票据变更详情 · 已通过<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>已通过：状态下多一行「审核意见」，审核确认票据面值 / 融资金额取发行方确认值（品牌色，可与申请值不同），并给出审核后的杠杆比例变动</li>
        <li>审核确认值为 0 时显示「0 HKD」，不写「0万」</li>
      </ul>
    </div>
  </div>

  <!-- ===== E8 票据变更详情 · 已驳回 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>票据变更详情</h2></div>
        <div class="body">
          <div class="gtitle">申请信息</div>
          <div class="card dcard"><div class="frow"><span>票据编号</span><b class="m">TRN20260618001</b></div><div class="frow"><span>申请时票据面值</span><b>400万 HKD</b></div><div class="frow"><span>变更后票据面值</span><b>600万 HKD</b></div><div class="frow"><span>申请时融资金额</span><b>800万 HKD</b></div><div class="frow"><span>变更后融资金额</span><b>1,200万 HKD</b></div><div class="frow"><span>杠杆比例变动</span><b>2.0000<span class="arr">→</span>2.0000</b></div><div class="frow"><span>申请备注</span><b class="mu">--</b></div><div class="frow"><span>申请时间</span><b>2026-06-10 16:45:18</b></div></div>
          <div class="gtitle">审核信息</div>
          <div class="card dcard"><div class="frow"><span>状态</span><b><span class="st rej"><i></i>已驳回</span></b></div><div class="frow"><span>驳回原因</span><b class="dg">融资金额超出本期额度</b></div><div class="frow"><span>审核确认票据面值</span><b class="mu">--</b></div><div class="frow"><span>审核确认融资金额</span><b class="mu">--</b></div><div class="frow"><span>杠杆比例变动</span><b class="mu">--</b></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E8</div>
      <div class="cap-title">票据变更详情 · 已驳回<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>申请信息：申请时 / 变更后的面值与融资、杠杆比例变动「变更前 → 变更后」（4 位小数）、备注、时间</li>
        <li>审核信息：状态 · 驳回原因（红）· 审核确认面值 / 融资 · 审核后的杠杆变动；非已通过统一「--」（已通过见 E8b）</li>
      </ul>
    </div>
  </div>

  <!-- ===== E9 账簿余额变动记录 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>账簿余额变动记录</h2></div>
        <div class="body">
          <div class="ffb"><span class="fpill">变动类型 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c ">变动类型</div><div class="c n w2">变动金额（HKD）</div><div class="c t">创建时间</div></div><div class="r"><div class="c ">调增买入</div><div class="c n w2">-172,768.51</div><div class="c t">2026-06-30<i>10:01:23</i></div></div><div class="r"><div class="c ">调减卖出</div><div class="c n w2">+80,379.56</div><div class="c t">2026-06-30<i>10:12:00</i></div></div><div class="r"><div class="c ">追保</div><div class="c n w2">+500,000.00</div><div class="c t">2026-06-29<i>15:30:00</i></div></div><div class="r"><div class="c ">现金提取</div><div class="c n w2">-100,000.00</div><div class="c t">2026-06-21<i>17:05:41</i></div></div><div class="r"><div class="c ">利息归本</div><div class="c n w2">-7,013.68</div><div class="c t">2026-06-20<i>23:00:00</i></div></div><div class="r"><div class="c ">公司行动分红</div><div class="c n w2">+2,150.00</div><div class="c t">2026-06-18<i>20:00:00</i></div></div><div class="r"><div class="c ">票据买入</div><div class="c n w2">+12,000,000.00</div><div class="c t">2026-06-18<i>18:30:12</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E9</div>
      <div class="cap-title">账簿余额变动记录<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>三列：变动类型 · 变动金额（增加为正、减少为负，结算币种）· 创建时间</li>
        <li>变动类型十种：票据买入 · 票据卖出 · 追保 · 现金提取 · 票据变更 · 调增买入 · 调减卖出 · 调整账簿余额 · 利息归本 · 公司行动分红；筛选变动类型（多选，E9b）+ 创建时间（近三月）</li>
        <li>变动金额不是盈亏，不套涨跌色</li>
      </ul>
    </div>
  </div>

  <!-- ===== E9b 账簿余额变动记录 · 变动类型下拉 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>账簿余额变动记录</h2></div>
        <div class="body">
          <div class="ffwrap"><div class="ffb"><span class="fpill on open">追保/现金提取 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div><div class="ffmask"></div><div class="ffpop"><div class="fo"><span>全部类型</span></div><div class="fo"><span>票据买入</span></div><div class="fo"><span>票据卖出</span></div><div class="fo on"><span>追保</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-check"/></svg></div><div class="fo on"><span>现金提取</span><svg class="icn" viewBox="0 0 24 24"><use href="#i-check"/></svg></div><div class="fo"><span>票据变更</span></div><div class="fo"><span>调增买入</span></div><div class="fo"><span>调减卖出</span></div><div class="fo"><span>调整账簿余额</span></div><div class="fo"><span>利息归本</span></div><div class="fo"><span>公司行动分红</span></div></div></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c ">变动类型</div><div class="c n w2">变动金额（HKD）</div><div class="c t">创建时间</div></div><div class="r"><div class="c ">追保</div><div class="c n w2">+500,000.00</div><div class="c t">2026-06-29<i>15:30:00</i></div></div><div class="r"><div class="c ">现金提取</div><div class="c n w2">-100,000.00</div><div class="c t">2026-06-21<i>17:05:41</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E9b</div>
      <div class="cap-title">账簿余额变动记录 · 变动类型下拉<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>「变动类型」多选，十种一屏列完：票据买入 · 票据卖出 · 追保 · 现金提取 · 票据变更 · 调增买入 · 调减卖出 · 调整账簿余额 · 利息归本 · 公司行动分红</li>
        <li>持仓变动记录的变动类型为三种：调增买入 · 调减卖出 · 调整</li>
      </ul>
    </div>
  </div>

  <!-- ===== E10 持仓变动记录 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>持仓变动记录</h2></div>
        <div class="body">
          <div class="fsearch" style="margin:10px 16px 0"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg>名称 / 代码</div>
          <div class="ffb"><span class="fpill">市场 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill">变动类型 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c w2">名称代码</div><div class="c ">变动类型</div><div class="c n">变动数量</div><div class="c n">变动后持仓</div><div class="c t ty">创建时间</div></div><div class="r"><div class="c w2"><div class="sname"><b>平安银行<span class="chn">深股通</span></b><span><i class="mk a">A</i>000001.SZ</span></div></div><div class="c ">调增买入</div><div class="c n">+4,000</div><div class="c n">14,200</div><div class="c t ty">2026-06-30<i>10:01:23</i></div></div><div class="r"><div class="c w2"><div class="sname"><b>腾讯控股</b><span><i class="mk hk">HK</i>00700.HK</span></div></div><div class="c ">调减卖出</div><div class="c n">-200</div><div class="c n">2,000</div><div class="c t ty">2026-06-30<i>10:12:00</i></div></div><div class="r"><div class="c w2"><div class="sname"><b>平安银行<span class="chn">QFII</span></b><span><i class="mk a">A</i>000001.SZ</span></div></div><div class="c ">调增买入</div><div class="c n">+5,000</div><div class="c n">5,000</div><div class="c t ty">2026-06-27<i>13:40:05</i></div></div><div class="r"><div class="c w2"><div class="sname"><b>苹果</b><span><i class="mk us">US</i>AAPL.US</span></div></div><div class="c ">调整</div><div class="c n">+200</div><div class="c n">1,200</div><div class="c t ty">2026-06-20<i>20:00:00</i></div></div><div class="r"><div class="c w2"><div class="sname"><b>贵州茅台<span class="chn">QFII</span></b><span><i class="mk a">A</i>600519.SH</span></div></div><div class="c ">调减卖出</div><div class="c n">-300</div><div class="c n">1,800</div><div class="c t ty">2026-06-19<i>14:20:31</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E10</div>
      <div class="cap-title">持仓变动记录<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>五列：名称代码（带市场与渠道标签，同一 A股按渠道拆行）· 变动类型（调增买入 / 调减卖出 / 调整）· 变动数量（正负）· 变动后持仓 · 创建时间</li>
        <li>筛选：名称代码搜索单独一行，下方市场 · 变动类型 · 创建时间三枚胶囊</li>
      </ul>
    </div>
  </div>

  <!-- ===== E15 列表筛选 · 名称代码联想 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>持仓变动记录</h2></div>
        <div class="body">
          <div class="ffwrap"><div class="fsearch" style="margin:10px 16px 10px;box-shadow:0 0 0 1px var(--brand)"><svg class="icn" viewBox="0 0 24 24"><use href="#i-search"/></svg><b>平安</b><span class="clr"><svg class="icn sm" viewBox="0 0 24 24"><use href="#i-x"/></svg></span></div><div class="ffmask"></div><div class="ffpop" style="padding-top:0"><div class="sgi" style="border-top:0"><b style="font-weight:400"><em>平安</em>银行</b><i class="mk a">A</i><span>000001.SZ</span></div></div></div>
          <div class="ffb"><span class="fpill">市场 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill">变动类型 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span></div>
          <div class="card rtcard"><div class="rt"><div class="r h"><div class="c w2">名称代码</div><div class="c ">变动类型</div><div class="c n">变动数量</div><div class="c n">变动后持仓</div><div class="c t ty">创建时间</div></div><div class="r"><div class="c w2"><div class="sname"><b>平安银行<span class="chn">深股通</span></b><span><i class="mk a">A</i>000001.SZ</span></div></div><div class="c ">调增买入</div><div class="c n">+4,000</div><div class="c n">14,200</div><div class="c t ty">2026-06-30<i>10:01:23</i></div></div><div class="r"><div class="c w2"><div class="sname"><b>平安银行<span class="chn">QFII</span></b><span><i class="mk a">A</i>000001.SZ</span></div></div><div class="c ">调增买入</div><div class="c n">+5,000</div><div class="c n">5,000</div><div class="c t ty">2026-06-27<i>13:40:05</i></div></div></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E15</div>
      <div class="cap-title">列表筛选 · 名称代码联想<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li>名称代码：输入即模糊匹配（忽略首尾空格，代码不分大小写），下拉给命中的证券，点选后按该证券筛选；无命中显示「无匹配证券」</li>
        <li>可交易证券清单、持仓变动记录与历史指令的快捷筛选（<code>10</code> H19）同一交互</li>
      </ul>
    </div>
  </div>

  <!-- ===== E11 资金流水 · 兼容总收益票据 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>资金流水</h2></div>
        <div class="body">
          <div class="fcond"><span class="fpill on">近三月 <svg class="icn" viewBox="0 0 24 24"><use href="#i-down"/></svg></span><span class="fright"><span class="fmore">筛选 <svg class="icn" viewBox="0 0 24 24"><use href="#i-filter"/></svg></span><span class="viewtog sep"><span class="on"><svg class="icn" viewBox="0 0 24 24"><use href="#i-cardview"/></svg></span><span><svg class="icn" viewBox="0 0 24 24"><use href="#i-tableview"/></svg></span></span></span></div>
          <div class="card cfc"><div class="t">2026-06-30 15:30:00</div><div class="r"><span>流水业务类型</span><b>票据追保</b></div><div class="r"><span>金额</span><b class="n o">-500,000.00 HKD</b></div></div>
          <div class="card cfc"><div class="t">2026-06-29 17:05:41</div><div class="r"><span>流水业务类型</span><b>票据现金提取</b></div><div class="r"><span>金额</span><b class="n">100,000.00 HKD</b></div></div>
          <div class="card cfc"><div class="t">2026-06-26 18:20:00</div><div class="r"><span>流水业务类型</span><b>买入票据</b></div><div class="r"><span>金额</span><b class="n o">-1,011,000.00 HKD</b></div></div>
          <div class="card cfc"><div class="t">2026-06-25 16:40:12</div><div class="r"><span>流水业务类型</span><b>票据变更</b></div><div class="r"><span>金额</span><b class="n o">-1,000,000.00 HKD</b></div></div>
          <div class="card cfc"><div class="t">2026-06-20 16:00:00</div><div class="r"><span>流水业务类型</span><b>卖出票据</b></div><div class="r"><span>金额</span><b class="n">1,120,000.00 HKD</b></div></div>
          <div class="card cfc"><div class="t">2026-06-19 10:12:03</div><div class="r"><span>流水业务类型</span><b>入金</b></div><div class="r"><span>金额</span><b class="n">36.78 HKD</b></div></div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E11</div>
      <div class="cap-title">资金流水 · 兼容总收益票据<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li><code>05</code> S2 的资金流水加入五类：买入票据（−发行价−承销费用）· 卖出票据（订单金额）· 票据追保 · 票据变更（申请时面值 − 变更后面值，可正可负）· 票据现金提取</li>
        <li>卡片样式、筛选不变；资产详情的今日统计把总收益票据的买入 / 卖出合并计入（版式同 <code>05</code> S1b）</li>
      </ul>
    </div>
  </div>

  <!-- ===== E12 我的 · 费用信息 · 总收益票据 ===== -->
  <div class="frame">
    <div class="phone">
      <div class="screen">
        <div class="statusbar"><span class="num">9:41</span><span class="ic"><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><rect x="1" y="14" width="3.4" height="6" rx="1"/><rect x="6.4" y="10" width="3.4" height="10" rx="1"/><rect x="11.8" y="6" width="3.4" height="14" rx="1"/><rect x="17.2" y="3" width="3.4" height="17" rx="1" opacity=".35"/></svg><svg class="icn sm" viewBox="0 0 24 24" style="fill:currentColor;stroke:none"><path d="M12 19.5 2 9a14 14 0 0 1 20 0z" opacity=".95"/></svg><svg class="icn" viewBox="0 0 30 24" style="fill:none;stroke:currentColor;stroke-width:1.5;width:24px"><rect x="1.5" y="7" width="21" height="11" rx="3"/><rect x="3.6" y="9.1" width="14" height="6.8" rx="1.6" fill="currentColor" stroke="none"/><path d="M24.5 11v6a3.2 3.2 0 0 0 0-6z" fill="currentColor" stroke="none"/></svg></span></div>
        <div class="navbar"><span class="bk"><svg class="icn" viewBox="0 0 24 24"><use href="#i-back"/></svg></span><h2>费用信息</h2></div>
        <div class="body">
          <div class="gtitle">共赢票据A类</div>
          <div class="feet"><div class="h"><span class="c1" style="color:inherit">费用类别</span><span class="c2" style="color:inherit">收费节点</span><span class="n">结算币种</span><span class="n">费用</span><span class="n">最低收费</span><span class="n">最高收费</span></div>
            <div class="g"><span class="c1">承销费用</span><span class="c2">买入</span><div class="rs"><div><span>CNY</span><span>0.03%</span><span>--</span><span>--</span></div><div><span>HKD</span><span>0.03%</span><span>--</span><span>--</span></div><div><span>USD</span><span>0.03%</span><span>--</span><span>--</span></div></div></div>
            <div class="g"><span class="c1">展期费用</span><span class="c2">首次展期</span><div class="rs"><div><span>CNY</span><span>0.50%</span><span>--</span><span>--</span></div><div><span>HKD</span><span>0.50%</span><span>--</span><span>--</span></div><div><span>USD</span><span>0.50%</span><span>--</span><span>--</span></div></div></div>
            <div class="g"><span class="c1">展期费用</span><span class="c2">非首次展期</span><div class="rs"><div><span>CNY</span><span>1.00%</span><span>--</span><span>--</span></div><div><span>HKD</span><span>1.00%</span><span>--</span><span>--</span></div><div><span>USD</span><span>1.00%</span><span>--</span><span>--</span></div></div></div>
          </div>
          <div class="gtitle nw"><b>总收益票据</b></div>
          <div class="feet"><div class="h"><span class="c1" style="color:inherit">费用类别</span><span class="c2" style="color:inherit">收费节点</span><span class="n">结算币种</span><span class="n">费用</span><span class="n">最低收费</span><span class="n">最高收费</span></div>
            <div class="g"><span class="c1">承销费用</span><span class="c2">买入</span><div class="rs"><div><span>CNY</span><span>0.20%</span><span>1,000.00</span><span>--</span></div><div><span>HKD</span><span>0.20%</span><span>1,000.00</span><span>--</span></div><div><span>USD</span><span>0.20%</span><span>150.00</span><span>--</span></div></div></div>
          </div>
        </div>
        <div class="homebar"></div>
      </div>
    </div>
    <div class="cap">
      <div class="cap-num">E12</div>
      <div class="cap-title">我的 · 费用信息 · 总收益票据<span class="cap-flags"><span class="cap-flag new">v2.0 新增</span></span></div>
      <ul>
        <li><code>06</code> M6 下方新增「总收益票据」分区：只有「买入 · 承销费用」，按 CNY / HKD / USD 三行列费用 · 最低收费 · 最高收费</li>
      </ul>
    </div>
  </div>

  </div>
</div>

<div class="sec">
  <div class="sec-head"><span class="sec-num">04</span><span class="sec-name">调仓表单 · 字段透出</span><span class="sec-rule"></span><span class="sec-note">指令类型决定下半张表；调增 / 调减共用</span></div>
  <table class="spec">
    <tr><th style="width:110px">字段</th><th style="width:150px">透出条件</th><th>规则</th></tr>
    <tr><td><b>交易渠道</b></td><td>A股</td><td>默认票据的默认渠道（持仓入口取该行渠道），可选 QFII / 沪深港通</td></tr>
    <tr><td><b>交易时段</b></td><td>美股</td><td>盘中（默认）/ 盘前+盘中+盘后 / 夜盘；夜盘只能限价 / 市价，且校验标的是否支持夜盘</td></tr>
    <tr><td><b>价格要求</b></td><td>TWAP / POV</td><td>限价（默认）/ 市价；限价时出委托价格</td></tr>
    <tr><td><b>委托价格</b></td><td>限价单 / 价格要求 = 限价</td><td>默认最新价，最多 4 位小数，按最小价差 ±；A股显示并校验跌停~涨停；闪电进跟价方式</td></tr>
    <tr><td><b>TWAP 参数</b></td><td>TWAP</td><td>开始 / 结束时间 · 拆单频率（VCL 固定为固定拆单数量）· 拆单数量或间隔时长（默认 30 秒）· 执行风格（默认激进）</td></tr>
    <tr><td><b>POV 参数</b></td><td>POV</td><td>开始 / 结束时间 · 跟量比例（默认 5%）· 执行风格（VCL 固定激进）</td></tr>
    <tr><td><b>数量快捷项</b></td><td>选了证券</td><td>最大可开仓 / 可平仓两行各一套，向下取整手，不足一手为 0；数量为 0 整行置灰</td></tr>
    <tr><td><b>五档盘口</b></td><td>选了证券</td><td>页底买盘 / 卖盘两列：序号 · 价格 · 委托数量（人数）；双击价格填入</td></tr>
  </table>
</div>

<div class="sec" style="margin-bottom:20px">
  <div class="sec-head"><span class="sec-num">05</span><span class="sec-name">调仓 · 校验与报错文案</span><span class="sec-rule"></span><span class="sec-note">字段级为框下红字（未过的框转危险描边）；点调增 / 调减的提交校验为 Toast，按表中顺序、命中即停</span></div>
  <table class="spec">
    <tr><th style="width:110px">环节</th><th style="width:230px">条件</th><th>文案</th></tr>
    <tr><td><b>字段</b></td><td>证券 / 交易渠道 / 交易时段 / 指令类型 / 价格要求 / 执行风格 未选</td><td>请输入证券 · 请选择交易渠道 · 请选择交易时段 · 请选择指令类型 · 请选择价格要求 · 请选择执行风格</td></tr>
    <tr><td><b>字段</b></td><td>委托价格</td><td>请输入委托价格 · 请输入＞0的数 · 最多支持4位小数 · 价格超出合理范围（{跌停价}~{涨停价}）· {股票名称(股票代码)}的最小价差为{最小价差}，请将价格修改至最小价差的整数倍。</td></tr>
    <tr><td><b>字段</b></td><td>委托数量 / 跟量比例 / 间隔时长</td><td>请输入委托数量（跟量比例 / 间隔时长）· 请输入正整数</td></tr>
    <tr><td><b>字段</b></td><td>拆单频率 / 拆单数量</td><td>请输入拆单频率 · 请输入拆单数量 · {股票名称(股票代码)}一手x股，请将拆单数量修改至一手的整数倍 · 拆单数量不能大于委托股数</td></tr>
    <tr><td><b>字段</b></td><td>开始 / 结束时间</td><td>请选择开始时间 · 开始时间不能等于结束时间 · 请选择结束时间 · 结束时间不能早于当前时间，不能晚于对应市场的收盘时间</td></tr>
    <tr><td><b>通用 1</b></td><td>投资者账户状态不是「正常」</td><td>您的票据账户目前处于异常状态，不可调仓，如有疑问请联系客户经理。</td></tr>
    <tr><td><b>通用 2</b></td><td>票据已卖出 / 有在途卖出订单</td><td>该票据已卖出/卖出订单正在流程中，请勿对其进行任何操作</td></tr>
    <tr><td><b>通用 3</b></td><td>标的停牌 / 退市 / 风险警示</td><td>{股票名称(股票代码)}已{停牌/退市/风险警示}，不可交易</td></tr>
    <tr><td><b>通用 4</b></td><td>票据结算币种不支持该市场</td><td>该票据不支持交易{市场}标的</td></tr>
    <tr><td><b>通用 5</b></td><td>标的所属市场非交易日</td><td>当前非{市场}交易日</td></tr>
    <tr><td><b>通用 6</b></td><td>美股选夜盘而标的不支持</td><td>{股票名称(股票代码)}不支持夜盘交易</td></tr>
    <tr><td><b>调增 1</b></td><td>不在可交易证券清单</td><td>{股票名称(股票代码)}不在可交易证券清单内</td></tr>
    <tr><td><b>调增 2</b></td><td>科创板委托数量 ＜ 200 股</td><td>科创板委托数量不能小于200股</td></tr>
    <tr><td><b>调增 3</b></td><td>委托数量不是整手</td><td>{股票名称(股票代码)}一手x股，请将委托数量修改至一手的整数倍（K19）</td></tr>
    <tr><td><b>调增 4</b></td><td>委托数量 ＞ 最大可开仓</td><td>委托数量不能大于最大可开仓</td></tr>
    <tr><td><b>调减 1</b></td><td>委托数量 ＞ 最大可平仓</td><td>委托数量不能大于最大可平仓</td></tr>
    <tr><td><b>调减 2</b></td><td>科创板：减后可用不足 200 股却没全卖 → 再查 ≥ 200 股</td><td>剩余可用数量不足200股，请全部调减 · 科创板委托数量不能小于200股</td></tr>
    <tr><td><b>调减 3</b></td><td>非科创板：减后可用不足一手却没全卖 → 再查整手</td><td>剩余可用数量不足一手，请全部调减 · {股票名称(股票代码)}一手x股，请将委托数量修改至一手的整数倍</td></tr>
    <tr><td><b>调减 4</b></td><td>委托金额 ＜ 预估总费用（市价按最新价算）</td><td>成交金额不足以承担交易总费用，暂不支持直接调减，如有需要请联系客服处理。</td></tr>
    <tr><td><b>风控</b></td><td>价格笼子 · 组合调整风控</td><td>见《调增调减指令状态机与订单路由》，文案由后端下发</td></tr>
    <tr><td><b>通过</b></td><td>全部校验通过</td><td>调增指令已提交 / 调减指令已提交；回票据详情指令 Tab。港股调减非整手：整手部分按所选类型下单，碎股另建一笔碎股调减指令</td></tr>
    <tr><td><b>改单</b></td><td>点「确认改单」</td><td>字段校验同上；通过后 Toast「改单已提交」（原型文案，需求未写）</td></tr>
  </table>
</div>

<script>
(function(){
  var root=document.documentElement,btns=document.querySelectorAll('.skin button');
  document.querySelectorAll('[data-clone]').forEach(function(el){
    var src=document.querySelector(el.getAttribute('data-clone'));
    if(src) el.innerHTML=src.innerHTML;
  });
  function set(t){
    root.setAttribute('data-theme',t);
    btns.forEach(function(b){b.classList.toggle('on',b.dataset.set===t)});
    document.querySelectorAll('.phone:not([data-lock])').forEach(function(p){p.setAttribute('data-theme',t)});
    try{localStorage.setItem('hh-skin',t)}catch(e){}
  }
  btns.forEach(function(b){b.addEventListener('click',function(){set(b.dataset.set)})});
  document.body.setAttribute('data-h',String(document.body.scrollHeight));
  var hash=(location.hash||'').replace('#','');
  var saved=null;try{saved=localStorage.getItem('hh-skin')}catch(e){}
  set(hash==='dark'||hash==='light'?hash:(saved||'light'));
})();
</script>
</body>
</html>