| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373 |
- <!DOCTYPE html>
- <html lang="zh-CN" data-v="f">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>三端 favicon 候选 · 20 个方案 × 3 端(2026-10-14)</title>
- <link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImciIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1QUE5RkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyRjdGRjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHJ4PSIxNyIgZmlsbD0idXJsKCNnKSIvPjx0ZXh0IHg9IjMyIiB5PSIzMyIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZG9taW5hbnQtYmFzZWxpbmU9ImNlbnRyYWwiIGZvbnQtc2l6ZT0iNDAiIGZvbnQtd2VpZ2h0PSI2MDAiIGZpbGw9IiNmZmYiIHN0eWxlPSJmb250LWZhbWlseTonUGluZ0ZhbmcgU0MnLCdIaXJhZ2lubyBTYW5zIEdCJywnTWljcm9zb2Z0IFlhSGVpJyxzYW5zLXNlcmlmIj7lj5E8L3RleHQ+PC9zdmc+">
- <style>
- html[data-v="f"]{--c-primary:#3C8CFF;--c-primary-hover:#63A5FF;--c-primary-bg:#E9F3FF;--c-primary-border:#BBD9FF;--c-link:#1668DC;--t1:#15233B;--t2:#44546C;--t3:#8492A6;--t4:#BAC4D2;--bd-ctl:#D5E0EE;--bd:#E4ECF5;--bd-light:#EEF3F9;--fill-1:#F5F9FE;--fill-2:#EDF3FB;--bg-card:#FFFFFF;--canvas:radial-gradient(900px 460px at 88% -8%, rgba(110,180,255,.34), transparent 62%), radial-gradient(760px 420px at 4% 0%, rgba(150,170,255,.20), transparent 60%), linear-gradient(180deg,#EAF3FF 0%,#F3F8FE 38%,#F6F9FD 100%);--card-bd:0 solid transparent;--card-sh:0 1px 2px rgba(30,90,180,.05),0 8px 24px rgba(30,90,180,.07);--grad:linear-gradient(135deg,#5AA9FF 0%,#2F7FF5 100%);--btn-bg:#fff;--btn-bd:#D5E0EE;--btn-t:#15233B;--btn-bd-h:#9CC5FF;--btn-t-h:#1668DC;--pri-sh:0 4px 12px rgba(47,127,245,.30);--seg-on:#fff;--seg-sh:0 1px 2px rgba(30,90,180,.12);--bar-bg:rgba(255,255,255,.86)}
- html[data-v="db"]{--c-primary:#4A8CF7;--c-primary-hover:#6DA3FF;--c-primary-bg:#243247;--c-primary-border:#3A5480;--c-link:#8DBBFF;--t1:#E6E8EC;--t2:#B3B8C2;--t3:#848B98;--t4:#5C6370;--bd-ctl:#3B404A;--bd:#2E323A;--bd-light:#292D34;--fill-1:#22252B;--fill-2:#292D34;--bg-card:#1C1E23;--canvas:#141518;--card-bd:1px solid #2E323A;--card-sh:0 0 0 0 transparent;--grad:#4A8CF7;--btn-bg:#23262C;--btn-bd:#3B404A;--btn-t:#E6E8EC;--btn-bd-h:#555C68;--btn-t-h:#fff;--pri-sh:none;--seg-on:#343941;--seg-sh:none;--bar-bg:rgba(28,30,35,.92)}
- html{--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}
- *{box-sizing:border-box}
- body{margin:0;min-height:100vh;background:var(--canvas);background-attachment:fixed;color:var(--t1);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased;padding-bottom:72px}
- a{color:var(--c-link);text-decoration:none}
- .sp{flex:1}
- .top{position:sticky;top:0;z-index:20;padding:0 28px;background:var(--bg-card);border-bottom:1px solid var(--bd)}
- .top .row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;min-height:52px;padding:6px 0}
- .top .row+.row{border-top:1px dashed var(--bd-light);min-height:40px;color:var(--t2);font-size:13px}
- .top h1{margin:0;font-size:16px;font-weight:600;white-space:nowrap}
- .top h1 small{margin-left:10px;font-size:12px;font-weight:400;color:var(--t3)}
- .cur{display:inline-flex;align-items:center;gap:8px;color:var(--t2);font-size:13px}
- .cur img{width:16px;height:16px;image-rendering:auto;background:var(--fill-2);border-radius:3px;padding:0}
- .cur .chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--bd-ctl);border-radius:6px;background:var(--fill-1)}
- .seg{display:inline-flex;padding:2px;background:var(--fill-2);border-radius:8px}
- .seg button{border:0;background:transparent;color:var(--t2);font:13px var(--font);padding:4px 12px;border-radius:6px;cursor:pointer}
- .seg button.on{background:var(--seg-on);color:var(--t1);box-shadow:var(--seg-sh)}
- main{max-width:1180px;margin:24px auto;padding:0 28px;display:flex;flex-direction:column;gap:20px}
- .card{scroll-margin-top:112px;background:var(--bg-card);border:var(--card-bd);box-shadow:var(--card-sh);border-radius:14px;padding:18px 22px 20px}
- .sc-hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
- .sc-hd h2{margin:0;font-size:16px;font-weight:600}
- .sc-hd .one{flex:1 1 420px;min-width:0;color:var(--t2);font-size:13px}
- .tg{display:inline-block;padding:1px 7px;border-radius:6px;background:var(--fill-2);color:var(--t3);font-size:11px;font-weight:400;line-height:18px;vertical-align:middle}
- .badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--grad);color:#fff;font-weight:600;font-size:14px}
- .why{margin:8px 0 14px;color:var(--t3);font-size:13px}
- .btn{height:32px;padding:0 14px;border-radius:8px;border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-t);font:500 13px var(--font);cursor:pointer;box-shadow:0 1px 2px rgba(30,90,180,.05)}
- .btn:hover{border-color:var(--btn-bd-h);color:var(--btn-t-h)}
- .btn.pri{background:var(--grad);border-color:transparent;color:#fff;box-shadow:var(--pri-sh)}
- .scheme.chosen .btn.all{border-color:var(--c-primary);color:var(--c-link);background:var(--c-primary-bg)}
- .cells{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
- .cell{border:1px solid var(--bd);border-radius:12px;padding:12px 14px 10px;background:var(--fill-1)}
- .cell-hd{font-size:13px;color:var(--t2);margin-bottom:10px}
- .sizes{display:flex;align-items:flex-end;gap:22px;height:84px;padding:0 4px}
- .sizes span{display:flex;flex-direction:column;align-items:center;gap:6px}
- .sizes em{font:11px var(--font);color:var(--t4);font-style:normal}
- .sizes svg{display:block}
- .pick{display:inline-flex;align-items:center;gap:8px;margin-top:10px;cursor:pointer;color:var(--t2);font-size:13px;user-select:none}
- .pick input{width:16px;height:16px;margin:0;accent-color:var(--c-primary)}
- .pick:has(input:checked){color:var(--c-link);font-weight:600}
- .strips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
- /* Chrome 页签条示意:浅色(底 #DEE1E6,当前页签白)、深色(底 #202124,当前 #35363A) */
- .tabs{display:flex;align-items:flex-end;gap:0;height:40px;padding:6px 8px 0;border-radius:10px 10px 0 0;font:12px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden;position:relative}
- .tabs.light{background:#DEE1E6;color:#3C4043}.tabs.dark{background:#202124;color:#E8EAED}
- .tab{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;border-radius:8px 8px 0 0;width:150px;position:relative}
- .tab span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
- .tab i{font-style:normal;opacity:.6;font-size:13px}
- .tab svg{flex:none;display:block}
- .tabs.light .tab.on{background:#fff}.tabs.dark .tab.on{background:#35363A}
- .tab:not(.on)+.tab:not(.on)::before{content:"";position:absolute;left:0;top:9px;bottom:9px;border-left:1px solid currentColor;opacity:.25}
- .plus{align-self:center;margin-left:6px;opacity:.6;font-size:16px}
- .over table{border-collapse:collapse;margin-top:12px}
- .over th{font-weight:500;color:var(--t2);font-size:13px;text-align:left;padding:8px 14px}
- .over tbody th{white-space:nowrap}
- .over tbody th a{color:var(--t1)}
- .over td{padding:8px 14px;text-align:center}
- .over td a{display:inline-block;padding:6px;border-radius:8px}
- .over td a:hover{background:var(--fill-2)}
- .over svg{display:block}
- .notes ul{margin:10px 0 0;padding-left:18px;color:var(--t2);font-size:13px}
- .notes li{margin:6px 0}
- .notes code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--fill-2);padding:1px 5px;border-radius:4px;color:var(--t1)}
- .bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:14px;padding:0 28px;height:56px;background:var(--bar-bg);backdrop-filter:blur(10px);border-top:1px solid var(--bd);font-size:14px}
- .bar b{font-weight:600}
- .bar .muted{color:var(--t3)}
- .bar textarea{position:absolute;left:-9999px;top:0}
- @media (max-width:900px){.cells,.strips{grid-template-columns:1fr}}
- </style>
- </head>
- <body>
- <header class="top">
- <div class="row"><h1>三端 favicon 候选<small>20 个方案 × 3 端(字标 A B C E 和 P Q R S T · 图形 D F G H I J · 贴功能 K L M N O)· 2026-10-14</small></h1><span class="sp"></span>
- <span class="cur">现状:三端用的是模板自带的同一个图标 <span class="chip"><img src="data:image/x-icon;base64,AAABAAEAICAAAAEAIACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/7c3AP+2NwD/tjcA/7Y3AP+2NwD/tjcA/7Y3AP+2NwD/tzcA/7Y3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+3NgD/tjcA/7Y3AP+2Nxj/tjc0/7Y3Nf+2NzX/tjc3/7Y3If+2NwD/tTgA/7c5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/7Y3AP+2NwD/tjcO/7Y3Xf+2N2D/tjdr/7Y3bP+2N2X/tjdq/7Y3Hv+2NwD/tjcA/7Y3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+3NgD/tjcA/7c3AP+2N0T/tjdi/7Y30v+2N+T/tjfs/7Y33v+2N3H/tjdc/7Y3Bv+2NwD/tjcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/tzgA/7Y3AP+2NwD/tjcm/7Y3U/+2N7b/tjfJ/7Y3b/+2N/L/tjf//7Y3zf+2N2T/tjdC/7Y3AP+3NgD/tzcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+2NwD/tjcA/7Y3DP+2N0j/tjeC/7Y36v+2N0n/uTcB/7Y3kP+2N///tjf//7Y3n/+2N2X/tjcj/7Y3AP+2NwD/tzgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/tzcA/7Y3AP+2NgH/tjc4/7Y3W/+2N+P/tjeE/7c2Av+2NwD/tjcc/7Y3yv+2N///tjfz/7Y3dv+2N2H/tjcJ/7Y3AP+2NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/7c2AP+2NwD/tjcA/7Y3Hf+2N0X/tje9/7Y3vv+2NxT/tjcA/7Y3AP+2NwD/tjdM/7Y38P+2N///tjfS/7Y3aP+2N0n/tjcA/7c3AP+3NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/tjcA/7Y3AP+2Nwn/tjc0/7Y3hv+2N+P/tjc5/7Y3AP21OQDztEQA/7Y3AP+2NwP/tjeN/7Y3//+2N///tjen/7Y3af+2Nyn/tjcA/7Y3AP+3OAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/7c4AP+3NwD/tzcB/7Y3Iv+2N1L/tjfk/7Y3dPu0OwBoluEATZH/AE2R/wAxi/8A/7Y3AP+2Nxv/tjfJ/7Y3//+2N/f/tjd8/7Y3Y/+2Nwz/tjcA/7Y3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+1OAD/tjgA/7Y3AP+2Nw//tjcw/7Y3wP+2N6//tjcNs6aMAE2R/xxNkf8jTZD/D0+R/wMAb/8A/7Y3AP+2N0v/tjfv/7Y3//+2N9j/tjdn/7Y3S/+2NwD/tjcA/7c2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/7Y4AP+2OAD/tjgD/7c3Ff+2N4f/tjfa/7Y3LsOqegBNkf8UTZH/Q02R/2NNkf92TZH/Nk2R/wD/uC4A/7Y3Av+2N4r/tjf//7Y3//+2N6z/tjdi/7Y3Kf+2NwD/tjcA/7c2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/tjgA/7Y3AP+1OAf/tjdP/7Y35v+2N2LisFcAS5H/Bk2R/0RNkf9qTZH/8k2R//9Nkf/ITZH/G0uQ/wD/tzUA/7Y3GP+2N8P/tjf//7Y3+f+2N4H/tjdf/7Y3D/+2NwD/tjcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+3OAD/tjMA/7Y3C/+2N4n/tjeK/7Y3CYidvQBNkf85TZH/WE2R/9BNkf//TZH/+U2R//lNkf+MTZD/A0CO/wD/tjcA/7Y3Rf+2N+z/tjf//7Y33v+2N2b/tjdM/7c2AP+2NwD/tzcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/7c4AP+2NwD/tzcC/7c2Cv63OAR7mswATZH/H02R/1tNkf+dTZH//02R//9Nkf+STZH/jE2R//BNkf9LTZH/AP+5KgD/tzYB/7Y3g/+2N///tjf//7Y3sv+2N17/tjcs/7Y3AP+2NwD/tzcAAAAAAAAAAAAAAAAAAAAAAAAAAAD/tzgA/7c3AP+3NwD/tzUAiZ68AE2R/whNkf9cTZH/dE2R//NNkf//TZH/yU2R/xtNkf8WTZH/x02R/8tNkf8bS5D/AP+3NAD/tjcW/7Y3wP+2N///tjf7/7Y3hf+2N1j/tjcP/7Y3AP+2NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAT4//AE6Q/wBNkf8ATZH/RU2R/2NNkf/QTZH//02R/+1Nkf9ITZH/AE2R/wBNkf9DTZH/7U2R/41NkP8DP47/AP+2NwD/tjdD/7Y36/+2N///tjfk/7Y3Yf+2N0T/tzcB/7Y3AP+3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAFCP/wBNkf8ATZH/AE2R/yNNkf9nTZH/oE2R//9Nkf//TZH/hE2P/wJNkf8ATZH/CE2R/xxNkf+ETZH/8E2R/0tNkf8A/7kpAP+2NwH/tjeB/7Y3//+2N///tje5/7Y3UP+2Nyb/tjcA/7Y3AP+2NwAAAAAAAAAAAAAAAAAAAAAATZH/AE2R/wBNkf8JTZH/YU2R/3hNkf/zTZH//02R/75Nkf8WTZH/AE2S/wBNkf9dTZH/tU2R/yxNkf/CTZH/y02R/xtLkP8A/7c0AP+2NxX/tje+/7Y3//+2N/3/tjeI/7Y3Rv+2Nw7/tjcA/7Y3AAAAAAAAAAAAAAAAAE+Q/wBOkf8ATZH/AE2R/0VNkf9nTZH/0k2R//9Nkf/oTZH/Pk2R/wBNkf8ATZH/KE2R/9lNkf/RTZH/GU2R/0BNkf/rTZH/jU2Q/wM+jf8A/7Y3AP+2Nz//tjfo/7Y3//+2N+r/tjdd/7Y3NP+2NwH/tjcA/7Y3AAAAAABMj/8ATZH/AE2R/wBNkf8iTZH/Y02R/6JNkf//TZH//U2R/3hSm/8ATZH/AE2R/wlNkf+kTZH/9E2R/1JNkf8AS5D/AU2R/4BNkf/vTZH/S02R/wD/uiQA/6s5AP+2N3r/tjf9/7Y3//+2N8D/tjdB/7Y3Hf+2NwD/tjcA/7c2AE2R/wBNkf8ATZH/CE2R/1hNkf92TZH/9E2R//9Nkf+zTZH/EE2R/wBNkv8ATZH/ZU2R//lNkf+OTZD/A02R/wBNkf8ATZH/FE2R/8BNkf/LTZH/G0yR/wD/tzQA/7Y3Ev+2N7j/tjf//7Y3//+2N4v/tjcx/7Y3Cv+2NwD/tjcATY//AE2R/wBNkf86TZH/XU2R/9NNkf//TZH/4U2R/zRNkf8ATZH/AE2R/zBNkf/hTZH/yU2R/xtNkf8ATZH/AE2R/wBNkf8ATZH/P02R/+pNkf+OTZH/Az2O/wD/tjcA/7Y3Ov+2N+b/tjf//7Y37v+2N1r/tjcg/7Y3Af+2NwBNkf8ATZH/GU2R/09Nkf+hTZH//02R//pNkf9rTZH/AE2R/wBNkf8NTZH/r02R/+9Nkf9GTZH/AE2R/wBLj/8ATZH/AE2R/wBPlf8ATZH/fU2R//BNkf9OTZH/AP+6IwD/tDgA/7Y3eP+2N/3/tjf//7Y3yP+2NzT/tjcR/7Y3AE2R/wVNkf84TZH/cE2R//ZNkf//TZH/p02R/wtNkf8ATZP/AE2R/3FNkf/6TZH/gEyP/wFNkf8ATZH/AAAAAABOjPoATZH/AE2R/wBNkf8TTZH/vk2R/9FNkf8gTJH/AP+2NwD/tjcR/7Y3tv+2N///tjf//7Y3kf+2Nxv/tjcGTZH/H02R/0RNkf/WTZH//02R/9ZNkf8nTZH/AE2R/wBNkf84TZH/502R/7tNkf8TTZH/AE2R/wAAAAAAAAAAAAAAAABOkf8ATZH/AE2R/wBNkf84S5H/okOP/0XJq3QA/rY4AP+2NwD/tjc0/7Y34f+2N///tjfy/7Y3Wf+2OA1Nkf8nTZH/o02R//9Nkf//TZH/vU2R/3BNkf9xTZH/ck2R/8hNkf/oTZH/OU2R/wBNkf8ATJH/AAAAAAAAAAAAAAAAAAAAAABOkf8AVpT2AL2ogQD4tD8x+rU8c/+2N3H/tjdx/7Y3cf+2N3H/tjfJ/7Y3//+2N///tjfS/7Y3L02R/0dNkf/CTZH/zk2R/81Nkf/MTZH/zk2R/85Nkf/OTZH/z02R/2lMkP8ATZH/AE2Q/wAAAAAAAAAAAAAAAAAAAAAAAAAAAE2S/wAwjP8A/LY6AP+2Nir/tje7/7Y3z/+2N87/tjfO/7Y3zv+2N8z/tjfN/7Y3zf+2N83/tjd6TZH/C02R/xJNkf8RTZH/Ek2R/xJNkf8STZH/Ek2R/xJNkf8RTZH/A02R/wBNkf8ATI//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+3NgD/tzcA/7I3AP+2Nw3/tjcS/7Y3Ev+2NxL/tjcS/7Y3Ev+2NxL/tjcS/7Y3Ev+2NxFNkf8ATZH/AE2R/wBNkf8ATZH/AE2R/wBNkf8ATZH/AE2R/wBNkf8ATZH/AE2Q/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP+2NwD/tjcA/7Y3AP+2NwD/tjcA/7Y3AP+2NwD/tjcA/7Y3AP+2NwD/tjcA/7Y2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////8AP//+AB///gAP//wAD//4AAf/+AAD//AAA//gAAH/4AAA/8AAAP+AAAB/gAAAP4AAAD+AAAAfgAAAD4AAAA/gAAAHwAAAA8AAAAOAAAABAAAAAAAAAAAAAAAAAAAAAAABAAAAA4AAAAPAAAAHwAAAB+AAAA/wAP////8=" alt="现有 favicon">favicon.ico 32px</span></span>
- <span class="seg" id="theme"><button data-theme="f" class="on">浅色页</button><button data-theme="db">深色页</button></span>
- </div>
- <div class="row">每个方案一行:三端各看 64/32/16 三个尺寸,下面两条是 Chrome 浅色、深色页签条里 16px 的实际效果。三端统一就点行首「三端都用」,想混搭就分别点各端下面的圆点;选好后底栏「复制」,把结果发我。</div>
- </header>
- <main>
- <section class="card over"><div class="sc-hd"><h2>一眼对比</h2><span class="one">32px,二十个方案 × 三端;点任一格可跳到该方案。A B C E 和 P–T 是字标类,D 和 F–J 是通用图形,K–O 是贴系统概念与功能的图形</span></div>
- <table><thead><tr><th></th><th>发行管理系统</th><th>销售管理系统</th><th>TRS管理系统</th></tr></thead><tbody>
- <tr><th><a href="#sA"><b>A</b> 渐变字标 <span class="tg">字标</span></a></th><td><a href="#sA"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-A-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg></a></td><td><a href="#sA"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-A-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg></a></td><td><a href="#sA"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-A-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg></a></td></tr><tr><th><a href="#sB"><b>B</b> 三端分色 <span class="tg">字标</span></a></th><td><a href="#sB"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-B-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg></a></td><td><a href="#sB"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-B-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg></a></td><td><a href="#sB"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-B-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg></a></td></tr><tr><th><a href="#sC"><b>C</b> 圆形徽章 <span class="tg">字标</span></a></th><td><a href="#sC"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-C-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-issue)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg></a></td><td><a href="#sC"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-C-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-sales)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg></a></td><td><a href="#sC"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-C-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-trs)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg></a></td></tr><tr><th><a href="#sD"><b>D</b> 票据·折线·互换 <span class="tg">图形</span></a></th><td><a href="#sD"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-D-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-issue)"/><rect x="19" y="15" width="26" height="34" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 28h10M27 37h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sD"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-D-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-sales)"/><path d="M15 44l12-13 8 7 14-16" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M39 22h10v10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sD"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-D-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-trs)"/><path d="M17 25h30M39 17l8 8-8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M47 39H17M25 31l-8 8 8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td></tr><tr><th><a href="#sE"><b>E</b> 深底渐变字 <span class="tg">字标</span></a></th><td><a href="#sE"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg></a></td><td><a href="#sE"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg></a></td><td><a href="#sE"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-E-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg></a></td></tr><tr><th><a href="#sF"><b>F</b> 纸飞机·柱状·循环 <span class="tg">图形</span></a></th><td><a href="#sF"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-F-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-issue)"/><path d="M54 10 10 28l15 8v17l9-11 13 8z" fill="#fff"/><path d="M25 36 54 10" stroke="url(#g-F-issue)" stroke-width="3" stroke-linecap="round"/></svg></a></td><td><a href="#sF"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-F-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-sales)"/><rect x="13" y="36" width="11" height="16" rx="2.5" fill="#fff"/><rect x="26.5" y="25" width="11" height="27" rx="2.5" fill="#fff"/><rect x="40" y="12" width="11" height="40" rx="2.5" fill="#fff"/></svg></a></td><td><a href="#sF"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-F-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-trs)"/><path d="M17.9 26.9A15 15 0 0 1 45 24.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M52 20.5 38.5 28.5 50.5 34.5z" fill="#fff"/><path d="M46.1 37.1A15 15 0 0 1 19 39.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 43.5 25.5 35.5 13.5 29.5z" fill="#fff"/></svg></a></td></tr><tr><th><a href="#sG"><b>G</b> 层叠票据·价签·K线 <span class="tg">图形</span></a></th><td><a href="#sG"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-G-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-issue)"/><rect x="14" y="19" width="28" height="33" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 33h14M21 41h14" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19v-3a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sG"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-G-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-sales)"/><path d="M13 13h19l19 19-19 19-19-19z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="22.5" cy="22.5" r="3" fill="#fff"/></svg></a></td><td><a href="#sG"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-G-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-trs)"/><path d="M22 11v9M22 44v9" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="15" y="20" width="14" height="24" rx="2.5" fill="#fff"/><path d="M42 11v6M42 40v13" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="35" y="17" width="14" height="23" rx="2.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td></tr><tr><th><a href="#sH"><b>H</b> 印章·投资者·天平 <span class="tg">图形</span></a></th><td><a href="#sH"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-H-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-issue)"/><rect x="26" y="11" width="12" height="14" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 42v-6a6 6 0 0 1 6-6h28a6 6 0 0 1 6 6v6z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 52h24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sH"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-H-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-sales)"/><circle cx="32" cy="21" r="8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 52a17 17 0 0 1 34 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sH"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-H-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-trs)"/><path d="M12 20h40M32 20v32" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 33a9 9 0 0 0 18 0M38 33a9 9 0 0 0 18 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td></tr><tr><th><a href="#sI"><b>I</b> 浅底蓝图形 <span class="tg">图形</span></a></th><td><a href="#sI"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-I-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><g transform="rotate(-22 32 32)"><path d="M11 25h11l21-12v38L22 39H11z" fill="url(#g-I-issue)"/><rect x="15" y="39" width="9" height="11" rx="2.5" fill="url(#g-I-issue)"/><path d="M49 24a11 11 0 0 1 0 16" fill="none" stroke="url(#g-I-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></td><td><a href="#sI"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-I-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M17 32 45 16M17 32h28M17 32l28 16" fill="none" stroke="url(#g-I-sales)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17" cy="32" r="6" fill="url(#g-I-sales)"/><circle cx="46" cy="16" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="32" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="48" r="5" fill="url(#g-I-sales)"/></svg></a></td><td><a href="#sI"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-I-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M36 9 15 36h13l-4 19 21-27H32z" fill="url(#g-I-trs)"/></svg></a></td></tr><tr><th><a href="#sJ"><b>J</b> 圆底流向箭头 <span class="tg">图形</span></a></th><td><a href="#sJ"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-J-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-issue)"/><path d="M32 46V16M20 28l12-12 12 12M18 52h28" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sJ"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-J-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-sales)"/><path d="M11 32h22M25 24l8 8-8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="47" cy="32" r="7.5" fill="#fff"/></svg></a></td><td><a href="#sJ"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-J-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-trs)"/><path d="M23 48V16M15 24l8-8 8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M41 16v32M33 40l8 8 8-8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td></tr><tr><th><a href="#sK"><b>K</b> 三方主体 <span class="tg">功能</span></a></th><td><a href="#sK"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-K-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-issue)"/><path d="M10 52V24h8V12h8v12l12-8v8l12-8v8l4-2.7V52z" fill="#fff"/><path d="M19 38h6M31 38h6M43 38h6" stroke="url(#g-K-issue)" stroke-width="4" stroke-linecap="round"/></svg></a></td><td><a href="#sK"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-K-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-sales)"/><rect x="13" y="22" width="38" height="30" rx="2" fill="#fff"/><rect x="9" y="12" width="46" height="9" rx="2.5" fill="#fff"/><circle cx="17" cy="21" r="7" fill="#fff"/><circle cx="32" cy="21" r="7" fill="#fff"/><circle cx="47" cy="21" r="7" fill="#fff"/><rect x="27" y="34" width="10" height="18" rx="2" fill="url(#g-K-sales)"/></svg></a></td><td><a href="#sK"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-K-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-trs)"/><path d="M27 20h-7a12 12 0 0 0 0 24h7M37 44h7a12 12 0 0 0 0-24h-7M23 32h18" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td></tr><tr><th><a href="#sL"><b>L</b> 票据+动作角标 <span class="tg">功能</span></a></th><td><a href="#sL"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-L-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-issue)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-issue)" stroke-width="3"/><path d="M46 39v14M39 46h14" fill="none" stroke="url(#g-L-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sL"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-L-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-sales)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-sales)" stroke-width="3"/><path d="M40.5 38.5 46 46l5.5-7.5M46 46v9M41 50h10" fill="none" stroke="url(#g-L-sales)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sL"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-L-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-trs)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-trs)" stroke-width="3"/><path d="M39 42h14l-4-4M53 50H39l4 4" fill="none" stroke="url(#g-L-trs)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td></tr><tr><th><a href="#sM"><b>M</b> 账房与资金 <span class="tg">功能</span></a></th><td><a href="#sM"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-M-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-issue)"/><rect x="16" y="8" width="32" height="48" rx="5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="23" y="15" width="18" height="8" rx="1.5" fill="#fff"/><circle cx="25.5" cy="32" r="2.8" fill="#fff"/><circle cx="32" cy="32" r="2.8" fill="#fff"/><circle cx="38.5" cy="32" r="2.8" fill="#fff"/><circle cx="25.5" cy="40" r="2.8" fill="#fff"/><circle cx="32" cy="40" r="2.8" fill="#fff"/><circle cx="38.5" cy="40" r="2.8" fill="#fff"/><rect x="23" y="45.5" width="18" height="5" rx="2.5" fill="#fff"/></svg></a></td><td><a href="#sM"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-M-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-sales)"/><path d="M32 9 57 22H7z" fill="#fff"/><rect x="10" y="22" width="44" height="4" fill="#fff"/><rect x="14" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="24" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="34" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="44" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="10" y="48" width="44" height="6" rx="2" fill="#fff"/></svg></a></td><td><a href="#sM"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-M-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-trs)"/><circle cx="32" cy="32" r="22" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 41l16-18" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="25.5" cy="24.5" r="3.6" fill="#fff"/><circle cx="38.5" cy="39.5" r="3.6" fill="#fff"/></svg></a></td></tr><tr><th><a href="#sN"><b>N</b> A/B 共赢 <span class="tg">功能</span></a></th><td><a href="#sN"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-N-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-issue)"/><rect x="12" y="12" width="40" height="40" rx="6" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18a6 6 0 0 1 6-6h14v40H18a6 6 0 0 1-6-6z" fill="#fff"/></svg></a></td><td><a href="#sN"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-N-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-sales)"/><circle cx="21" cy="21" r="7.5" fill="#fff"/><path d="M7 50a14 14 0 0 1 28 0z" fill="#fff"/><circle cx="45" cy="23" r="6" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 50a9.5 9.5 0 0 1 19 0" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sN"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-N-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-trs)"/><circle cx="32" cy="32" r="20" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 12a20 20 0 0 0 0 40z" fill="#fff"/></svg></a></td></tr><tr><th><a href="#sO"><b>O</b> 订单链路 <span class="tg">功能</span></a></th><td><a href="#sO"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-O-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-issue)"/><path d="M32 10 50 17v14c0 12-8 19-18 23-10-4-18-11-18-23V17z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 36l7-6 5 4 8-9" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sO"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-O-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-sales)"/><rect x="16" y="14" width="32" height="40" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="25" y="9" width="14" height="8" rx="2.5" fill="#fff"/><path d="M24 35l6 6 11-12" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td><td><a href="#sO"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-O-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-trs)"/><rect x="20" y="20" width="24" height="24" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="28" y="28" width="8" height="8" rx="1.5" fill="#fff"/><path d="M26 20v-7M32 20v-7M38 20v-7M26 44v7M32 44v7M38 44v7M20 26h-7M20 32h-7M20 38h-7M44 26h7M44 32h7M44 38h7" fill="none" stroke="#fff" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a></td></tr><tr><th><a href="#sP"><b>P</b> 拼音首字母 <span class="tg">字标</span></a></th><td><a href="#sP"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-P-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-issue)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">F</text></svg></a></td><td><a href="#sP"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-P-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-sales)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">X</text></svg></a></td><td><a href="#sP"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-P-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg></a></td></tr><tr><th><a href="#sQ"><b>Q</b> 浅底蓝字 <span class="tg">字标</span></a></th><td><a href="#sQ"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-Q-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg></a></td><td><a href="#sQ"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-Q-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg></a></td><td><a href="#sQ"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-Q-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-Q-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg></a></td></tr><tr><th><a href="#sR"><b>R</b> 宋体字标 <span class="tg">字标</span></a></th><td><a href="#sR"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-R-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-issue)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">发</text></svg></a></td><td><a href="#sR"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-R-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-sales)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">销</text></svg></a></td><td><a href="#sR"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-R-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-trs)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="48" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">T</text></svg></a></td></tr><tr><th><a href="#sS"><b>S</b> 深底字+分色底条 <span class="tg">字标</span></a></th><td><a href="#sS"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="n-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-issue)"/><clipPath id="c-S-issue"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-issue)" clip-path="url(#c-S-issue)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg></a></td><td><a href="#sS"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="n-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-sales)"/><clipPath id="c-S-sales"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-sales)" clip-path="url(#c-S-sales)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg></a></td><td><a href="#sS"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="n-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-trs)"/><clipPath id="c-S-trs"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-trs)" clip-path="url(#c-S-trs)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg></a></td></tr><tr><th><a href="#sT"><b>T</b> 双字竖排 <span class="tg">字标</span></a></th><td><a href="#sT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-T-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-issue)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">行</text></svg></a></td><td><a href="#sT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-T-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-sales)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">售</text></svg></a></td><td><a href="#sT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-T-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="25" font-weight="700" letter-spacing="-0.5" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">TRS</text></svg></a></td></tr>
- </tbody></table></section>
- <section class="scheme card" id="sA" data-k="A">
- <div class="sc-hd"><span class="badge">A</span><h2>渐变字标</h2><span class="tg">字标</span><span class="one">侧栏标志原样搬过来:晴空渐变圆角方块+白字。</span><span class="sp"></span><button class="btn all" data-all="A">三端都用 A</button></div>
- <p class="why">和页面左上角的标志完全一致,看页签就知道是哪套系统的风格;三端同色,靠字区分。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-A-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-A-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="A"><span>发行用 A</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-A-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-A-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="A"><span>销售用 A</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-A-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-A-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="A"><span>TRS用 A</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-A-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-A-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sB" data-k="B">
- <div class="sc-hd"><span class="badge">B</span><h2>三端分色</h2><span class="tg">字标</span><span class="one">形和 A 一样,三端各一色:发行晴空蓝、销售青绿、TRS 靛紫。</span><span class="sp"></span><button class="btn all" data-all="B">三端都用 B</button></div>
- <p class="why">三套系统常常同时开着,颜色比 16px 的字更容易一眼分开;页面内主色仍然统一是蓝,只有页签图标分色。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-B-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-B-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="B"><span>发行用 B</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-B-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-B-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="B"><span>销售用 B</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-B-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-B-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="B"><span>TRS用 B</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-B-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-B-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sC" data-k="C">
- <div class="sc-hd"><span class="badge">C</span><h2>圆形徽章</h2><span class="tg">字标</span><span class="one">圆底渐变+一圈细白环+白字,像一枚印章。</span><span class="sp"></span><button class="btn all" data-all="C">三端都用 C</button></div>
- <p class="why">圆形在一排方形页签图标里更显眼;细环在 32px 以上看得见,16px 时自然消失不添乱。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-C-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-issue)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-C-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-issue)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-issue)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="C"><span>发行用 C</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-C-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-sales)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-C-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-sales)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-sales)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="C"><span>销售用 C</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-C-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-trs)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-C-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-trs)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-trs)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="C"><span>TRS用 C</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-issue)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-sales)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-trs)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-issue)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-sales)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-C-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-C-trs)"/><circle cx="32" cy="32" r="26" fill="none" stroke="#fff" stroke-opacity=".55" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sD" data-k="D">
- <div class="sc-hd"><span class="badge">D</span><h2>票据·折线·互换</h2><span class="tg">图形</span><span class="one">白色线条图形:发行=一张票据,销售=上升折线,TRS=互换箭头。</span><span class="sp"></span><button class="btn all" data-all="D">三端都用 D</button></div>
- <p class="why">汉字「销」12 画,缩到 16px 会糊成一团;图形的笔画只有两三根,最小尺寸也清楚。代价是和侧栏字标不一致。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-D-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-issue)"/><rect x="19" y="15" width="26" height="34" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 28h10M27 37h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-D-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-issue)"/><rect x="19" y="15" width="26" height="34" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 28h10M27 37h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-issue)"/><rect x="19" y="15" width="26" height="34" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 28h10M27 37h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="D"><span>发行用 D</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-D-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-sales)"/><path d="M15 44l12-13 8 7 14-16" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M39 22h10v10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-D-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-sales)"/><path d="M15 44l12-13 8 7 14-16" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M39 22h10v10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-sales)"/><path d="M15 44l12-13 8 7 14-16" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M39 22h10v10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="D"><span>销售用 D</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-D-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-trs)"/><path d="M17 25h30M39 17l8 8-8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M47 39H17M25 31l-8 8 8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-D-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-trs)"/><path d="M17 25h30M39 17l8 8-8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M47 39H17M25 31l-8 8 8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-trs)"/><path d="M17 25h30M39 17l8 8-8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M47 39H17M25 31l-8 8 8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="D"><span>TRS用 D</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-issue)"/><rect x="19" y="15" width="26" height="34" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 28h10M27 37h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-sales)"/><path d="M15 44l12-13 8 7 14-16" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M39 22h10v10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-trs)"/><path d="M17 25h30M39 17l8 8-8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M47 39H17M25 31l-8 8 8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-issue)"/><rect x="19" y="15" width="26" height="34" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 28h10M27 37h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-sales)"/><path d="M15 44l12-13 8 7 14-16" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M39 22h10v10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-D-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-D-trs)"/><path d="M17 25h30M39 17l8 8-8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M47 39H17M25 31l-8 8 8 8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sE" data-k="E">
- <div class="sc-hd"><span class="badge">E</span><h2>深底渐变字</h2><span class="tg">字标</span><span class="one">深蓝方块,字用晴空渐变填色。</span><span class="sp"></span><button class="btn all" data-all="E">三端都用 E</button></div>
- <p class="why">浅色页签条上对比最强,显得更金融、更稳;深色页签条上底色会和背景融在一起,只剩渐变的字。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="E"><span>发行用 E</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="E"><span>销售用 E</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-E-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-E-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-E-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="E"><span>TRS用 E</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-E-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-issue)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-sales)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-E-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient><linearGradient id="n-E-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-E-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-E-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sF" data-k="F">
- <div class="sc-hd"><span class="badge">F</span><h2>纸飞机·柱状·循环</h2><span class="tg">图形</span><span class="one">实心白色图形:发行=纸飞机(发出去),销售=三根上升的柱子(业绩),TRS=循环箭头(总收益互换)。</span><span class="sp"></span><button class="btn all" data-all="F">三端都用 F</button></div>
- <p class="why">实心块比线条在 16px 更扎实,不会断笔;三个都是常见图标,不用解释就能认。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-F-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-issue)"/><path d="M54 10 10 28l15 8v17l9-11 13 8z" fill="#fff"/><path d="M25 36 54 10" stroke="url(#g-F-issue)" stroke-width="3" stroke-linecap="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-F-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-issue)"/><path d="M54 10 10 28l15 8v17l9-11 13 8z" fill="#fff"/><path d="M25 36 54 10" stroke="url(#g-F-issue)" stroke-width="3" stroke-linecap="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-issue)"/><path d="M54 10 10 28l15 8v17l9-11 13 8z" fill="#fff"/><path d="M25 36 54 10" stroke="url(#g-F-issue)" stroke-width="3" stroke-linecap="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="F"><span>发行用 F</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-F-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-sales)"/><rect x="13" y="36" width="11" height="16" rx="2.5" fill="#fff"/><rect x="26.5" y="25" width="11" height="27" rx="2.5" fill="#fff"/><rect x="40" y="12" width="11" height="40" rx="2.5" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-F-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-sales)"/><rect x="13" y="36" width="11" height="16" rx="2.5" fill="#fff"/><rect x="26.5" y="25" width="11" height="27" rx="2.5" fill="#fff"/><rect x="40" y="12" width="11" height="40" rx="2.5" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-sales)"/><rect x="13" y="36" width="11" height="16" rx="2.5" fill="#fff"/><rect x="26.5" y="25" width="11" height="27" rx="2.5" fill="#fff"/><rect x="40" y="12" width="11" height="40" rx="2.5" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="F"><span>销售用 F</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-F-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-trs)"/><path d="M17.9 26.9A15 15 0 0 1 45 24.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M52 20.5 38.5 28.5 50.5 34.5z" fill="#fff"/><path d="M46.1 37.1A15 15 0 0 1 19 39.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 43.5 25.5 35.5 13.5 29.5z" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-F-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-trs)"/><path d="M17.9 26.9A15 15 0 0 1 45 24.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M52 20.5 38.5 28.5 50.5 34.5z" fill="#fff"/><path d="M46.1 37.1A15 15 0 0 1 19 39.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 43.5 25.5 35.5 13.5 29.5z" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-trs)"/><path d="M17.9 26.9A15 15 0 0 1 45 24.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M52 20.5 38.5 28.5 50.5 34.5z" fill="#fff"/><path d="M46.1 37.1A15 15 0 0 1 19 39.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 43.5 25.5 35.5 13.5 29.5z" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="F"><span>TRS用 F</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-issue)"/><path d="M54 10 10 28l15 8v17l9-11 13 8z" fill="#fff"/><path d="M25 36 54 10" stroke="url(#g-F-issue)" stroke-width="3" stroke-linecap="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-sales)"/><rect x="13" y="36" width="11" height="16" rx="2.5" fill="#fff"/><rect x="26.5" y="25" width="11" height="27" rx="2.5" fill="#fff"/><rect x="40" y="12" width="11" height="40" rx="2.5" fill="#fff"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-trs)"/><path d="M17.9 26.9A15 15 0 0 1 45 24.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M52 20.5 38.5 28.5 50.5 34.5z" fill="#fff"/><path d="M46.1 37.1A15 15 0 0 1 19 39.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 43.5 25.5 35.5 13.5 29.5z" fill="#fff"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-issue)"/><path d="M54 10 10 28l15 8v17l9-11 13 8z" fill="#fff"/><path d="M25 36 54 10" stroke="url(#g-F-issue)" stroke-width="3" stroke-linecap="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-sales)"/><rect x="13" y="36" width="11" height="16" rx="2.5" fill="#fff"/><rect x="26.5" y="25" width="11" height="27" rx="2.5" fill="#fff"/><rect x="40" y="12" width="11" height="40" rx="2.5" fill="#fff"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-F-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-F-trs)"/><path d="M17.9 26.9A15 15 0 0 1 45 24.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M52 20.5 38.5 28.5 50.5 34.5z" fill="#fff"/><path d="M46.1 37.1A15 15 0 0 1 19 39.5" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 43.5 25.5 35.5 13.5 29.5z" fill="#fff"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sG" data-k="G">
- <div class="sc-hd"><span class="badge">G</span><h2>层叠票据·价签·K线</h2><span class="tg">图形</span><span class="one">线条图形,按「交易的东西」取:发行=一叠票据,销售=价签,TRS=K 线。</span><span class="sp"></span><button class="btn all" data-all="G">三端都用 G</button></div>
- <p class="why">和业务对象一一对应:发行端管票据、销售端卖票据、TRS 端看行情做交易;K 线一眼就是交易系统。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-G-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-issue)"/><rect x="14" y="19" width="28" height="33" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 33h14M21 41h14" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19v-3a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-G-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-issue)"/><rect x="14" y="19" width="28" height="33" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 33h14M21 41h14" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19v-3a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-issue)"/><rect x="14" y="19" width="28" height="33" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 33h14M21 41h14" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19v-3a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="G"><span>发行用 G</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-G-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-sales)"/><path d="M13 13h19l19 19-19 19-19-19z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="22.5" cy="22.5" r="3" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-G-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-sales)"/><path d="M13 13h19l19 19-19 19-19-19z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="22.5" cy="22.5" r="3" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-sales)"/><path d="M13 13h19l19 19-19 19-19-19z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="22.5" cy="22.5" r="3" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="G"><span>销售用 G</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-G-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-trs)"/><path d="M22 11v9M22 44v9" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="15" y="20" width="14" height="24" rx="2.5" fill="#fff"/><path d="M42 11v6M42 40v13" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="35" y="17" width="14" height="23" rx="2.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-G-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-trs)"/><path d="M22 11v9M22 44v9" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="15" y="20" width="14" height="24" rx="2.5" fill="#fff"/><path d="M42 11v6M42 40v13" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="35" y="17" width="14" height="23" rx="2.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-trs)"/><path d="M22 11v9M22 44v9" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="15" y="20" width="14" height="24" rx="2.5" fill="#fff"/><path d="M42 11v6M42 40v13" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="35" y="17" width="14" height="23" rx="2.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="G"><span>TRS用 G</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-issue)"/><rect x="14" y="19" width="28" height="33" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 33h14M21 41h14" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19v-3a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-sales)"/><path d="M13 13h19l19 19-19 19-19-19z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="22.5" cy="22.5" r="3" fill="#fff"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-trs)"/><path d="M22 11v9M22 44v9" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="15" y="20" width="14" height="24" rx="2.5" fill="#fff"/><path d="M42 11v6M42 40v13" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="35" y="17" width="14" height="23" rx="2.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-issue)"/><rect x="14" y="19" width="28" height="33" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 33h14M21 41h14" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19v-3a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-sales)"/><path d="M13 13h19l19 19-19 19-19-19z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="22.5" cy="22.5" r="3" fill="#fff"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-G-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-G-trs)"/><path d="M22 11v9M22 44v9" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="15" y="20" width="14" height="24" rx="2.5" fill="#fff"/><path d="M42 11v6M42 40v13" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="35" y="17" width="14" height="23" rx="2.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sH" data-k="H">
- <div class="sc-hd"><span class="badge">H</span><h2>印章·投资者·天平</h2><span class="tg">图形</span><span class="one">线条图形,按「谁在用」取:发行=盖章(发行方签发),销售=投资者人形,TRS=天平(对冲平衡)。</span><span class="sp"></span><button class="btn all" data-all="H">三端都用 H</button></div>
- <p class="why">三个图形互不相似,混在一排页签里最不容易认错;天平的笔画最多,16px 时会略细,上面第三个尺寸可以核对。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-H-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-issue)"/><rect x="26" y="11" width="12" height="14" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 42v-6a6 6 0 0 1 6-6h28a6 6 0 0 1 6 6v6z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 52h24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-H-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-issue)"/><rect x="26" y="11" width="12" height="14" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 42v-6a6 6 0 0 1 6-6h28a6 6 0 0 1 6 6v6z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 52h24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-issue)"/><rect x="26" y="11" width="12" height="14" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 42v-6a6 6 0 0 1 6-6h28a6 6 0 0 1 6 6v6z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 52h24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="H"><span>发行用 H</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-H-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-sales)"/><circle cx="32" cy="21" r="8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 52a17 17 0 0 1 34 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-H-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-sales)"/><circle cx="32" cy="21" r="8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 52a17 17 0 0 1 34 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-sales)"/><circle cx="32" cy="21" r="8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 52a17 17 0 0 1 34 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="H"><span>销售用 H</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-H-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-trs)"/><path d="M12 20h40M32 20v32" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 33a9 9 0 0 0 18 0M38 33a9 9 0 0 0 18 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-H-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-trs)"/><path d="M12 20h40M32 20v32" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 33a9 9 0 0 0 18 0M38 33a9 9 0 0 0 18 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-trs)"/><path d="M12 20h40M32 20v32" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 33a9 9 0 0 0 18 0M38 33a9 9 0 0 0 18 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="H"><span>TRS用 H</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-issue)"/><rect x="26" y="11" width="12" height="14" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 42v-6a6 6 0 0 1 6-6h28a6 6 0 0 1 6 6v6z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 52h24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-sales)"/><circle cx="32" cy="21" r="8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 52a17 17 0 0 1 34 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-trs)"/><path d="M12 20h40M32 20v32" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 33a9 9 0 0 0 18 0M38 33a9 9 0 0 0 18 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-issue)"/><rect x="26" y="11" width="12" height="14" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 42v-6a6 6 0 0 1 6-6h28a6 6 0 0 1 6 6v6z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 52h24" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-sales)"/><circle cx="32" cy="21" r="8" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 52a17 17 0 0 1 34 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-H-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-H-trs)"/><path d="M12 20h40M32 20v32" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 33a9 9 0 0 0 18 0M38 33a9 9 0 0 0 18 0" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sI" data-k="I">
- <div class="sc-hd"><span class="badge">I</span><h2>浅底蓝图形</h2><span class="tg">图形</span><span class="one">白底淡蓝描边方块,图形用晴空渐变填色:发行=扩音器(发布),销售=一点分发到三点(卖给投资者),TRS=闪电(算法执行)。</span><span class="sp"></span><button class="btn all" data-all="I">三端都用 I</button></div>
- <p class="why">唯一的浅底方案:在深色页签条里是最亮的一个,在浅色页签条里靠描边分得开;想要页签图标不那么「一块蓝」就选它。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-I-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><g transform="rotate(-22 32 32)"><path d="M11 25h11l21-12v38L22 39H11z" fill="url(#g-I-issue)"/><rect x="15" y="39" width="9" height="11" rx="2.5" fill="url(#g-I-issue)"/><path d="M49 24a11 11 0 0 1 0 16" fill="none" stroke="url(#g-I-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-I-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><g transform="rotate(-22 32 32)"><path d="M11 25h11l21-12v38L22 39H11z" fill="url(#g-I-issue)"/><rect x="15" y="39" width="9" height="11" rx="2.5" fill="url(#g-I-issue)"/><path d="M49 24a11 11 0 0 1 0 16" fill="none" stroke="url(#g-I-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><g transform="rotate(-22 32 32)"><path d="M11 25h11l21-12v38L22 39H11z" fill="url(#g-I-issue)"/><rect x="15" y="39" width="9" height="11" rx="2.5" fill="url(#g-I-issue)"/><path d="M49 24a11 11 0 0 1 0 16" fill="none" stroke="url(#g-I-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="I"><span>发行用 I</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-I-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M17 32 45 16M17 32h28M17 32l28 16" fill="none" stroke="url(#g-I-sales)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17" cy="32" r="6" fill="url(#g-I-sales)"/><circle cx="46" cy="16" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="32" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="48" r="5" fill="url(#g-I-sales)"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-I-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M17 32 45 16M17 32h28M17 32l28 16" fill="none" stroke="url(#g-I-sales)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17" cy="32" r="6" fill="url(#g-I-sales)"/><circle cx="46" cy="16" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="32" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="48" r="5" fill="url(#g-I-sales)"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M17 32 45 16M17 32h28M17 32l28 16" fill="none" stroke="url(#g-I-sales)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17" cy="32" r="6" fill="url(#g-I-sales)"/><circle cx="46" cy="16" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="32" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="48" r="5" fill="url(#g-I-sales)"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="I"><span>销售用 I</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-I-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M36 9 15 36h13l-4 19 21-27H32z" fill="url(#g-I-trs)"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-I-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M36 9 15 36h13l-4 19 21-27H32z" fill="url(#g-I-trs)"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M36 9 15 36h13l-4 19 21-27H32z" fill="url(#g-I-trs)"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="I"><span>TRS用 I</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><g transform="rotate(-22 32 32)"><path d="M11 25h11l21-12v38L22 39H11z" fill="url(#g-I-issue)"/><rect x="15" y="39" width="9" height="11" rx="2.5" fill="url(#g-I-issue)"/><path d="M49 24a11 11 0 0 1 0 16" fill="none" stroke="url(#g-I-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M17 32 45 16M17 32h28M17 32l28 16" fill="none" stroke="url(#g-I-sales)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17" cy="32" r="6" fill="url(#g-I-sales)"/><circle cx="46" cy="16" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="32" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="48" r="5" fill="url(#g-I-sales)"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M36 9 15 36h13l-4 19 21-27H32z" fill="url(#g-I-trs)"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><g transform="rotate(-22 32 32)"><path d="M11 25h11l21-12v38L22 39H11z" fill="url(#g-I-issue)"/><rect x="15" y="39" width="9" height="11" rx="2.5" fill="url(#g-I-issue)"/><path d="M49 24a11 11 0 0 1 0 16" fill="none" stroke="url(#g-I-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M17 32 45 16M17 32h28M17 32l28 16" fill="none" stroke="url(#g-I-sales)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="17" cy="32" r="6" fill="url(#g-I-sales)"/><circle cx="46" cy="16" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="32" r="5" fill="url(#g-I-sales)"/><circle cx="46" cy="48" r="5" fill="url(#g-I-sales)"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-I-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><path d="M36 9 15 36h13l-4 19 21-27H32z" fill="url(#g-I-trs)"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sJ" data-k="J">
- <div class="sc-hd"><span class="badge">J</span><h2>圆底流向箭头</h2><span class="tg">图形</span><span class="one">圆形渐变底,三个白色箭头讲资金流向:发行=向上发出,销售=箭头送到一个点(交付给投资者),TRS=一上一下的多空。</span><span class="sp"></span><button class="btn all" data-all="J">三端都用 J</button></div>
- <p class="why">三端用同一套「箭头」语言,一看就是一家的;圆底和 C 一样在方形页签图标里显眼。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-J-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-issue)"/><path d="M32 46V16M20 28l12-12 12 12M18 52h28" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-J-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-issue)"/><path d="M32 46V16M20 28l12-12 12 12M18 52h28" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-issue)"/><path d="M32 46V16M20 28l12-12 12 12M18 52h28" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="J"><span>发行用 J</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-J-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-sales)"/><path d="M11 32h22M25 24l8 8-8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="47" cy="32" r="7.5" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-J-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-sales)"/><path d="M11 32h22M25 24l8 8-8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="47" cy="32" r="7.5" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-sales)"/><path d="M11 32h22M25 24l8 8-8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="47" cy="32" r="7.5" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="J"><span>销售用 J</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-J-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-trs)"/><path d="M23 48V16M15 24l8-8 8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M41 16v32M33 40l8 8 8-8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-J-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-trs)"/><path d="M23 48V16M15 24l8-8 8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M41 16v32M33 40l8 8 8-8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-trs)"/><path d="M23 48V16M15 24l8-8 8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M41 16v32M33 40l8 8 8-8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="J"><span>TRS用 J</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-issue)"/><path d="M32 46V16M20 28l12-12 12 12M18 52h28" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-sales)"/><path d="M11 32h22M25 24l8 8-8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="47" cy="32" r="7.5" fill="#fff"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-trs)"/><path d="M23 48V16M15 24l8-8 8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M41 16v32M33 40l8 8 8-8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-issue)"/><path d="M32 46V16M20 28l12-12 12 12M18 52h28" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-sales)"/><path d="M11 32h22M25 24l8 8-8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="47" cy="32" r="7.5" fill="#fff"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-J-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><circle cx="32" cy="32" r="32" fill="url(#g-J-trs)"/><path d="M23 48V16M15 24l8-8 8 8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M41 16v32M33 40l8 8 8-8" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sK" data-k="K">
- <div class="sc-hd"><span class="badge">K</span><h2>三方主体</h2><span class="tg">功能</span><span class="one">业务全景里三方各是什么:发行方是「产品的工厂+账房」(工厂),销售方是「理财经理+营业部」(门面),TRS 是「上手券商的通道」(链接)。</span><span class="sp"></span><button class="btn all" data-all="K">三端都用 K</button></div>
- <p class="why">直接画业务文档里对三方的定性,不借用泛泛的图标;工厂、门面、链接三个剪影形状差得远,16px 也分得开。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-K-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-issue)"/><path d="M10 52V24h8V12h8v12l12-8v8l12-8v8l4-2.7V52z" fill="#fff"/><path d="M19 38h6M31 38h6M43 38h6" stroke="url(#g-K-issue)" stroke-width="4" stroke-linecap="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-K-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-issue)"/><path d="M10 52V24h8V12h8v12l12-8v8l12-8v8l4-2.7V52z" fill="#fff"/><path d="M19 38h6M31 38h6M43 38h6" stroke="url(#g-K-issue)" stroke-width="4" stroke-linecap="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-issue)"/><path d="M10 52V24h8V12h8v12l12-8v8l12-8v8l4-2.7V52z" fill="#fff"/><path d="M19 38h6M31 38h6M43 38h6" stroke="url(#g-K-issue)" stroke-width="4" stroke-linecap="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="K"><span>发行用 K</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-K-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-sales)"/><rect x="13" y="22" width="38" height="30" rx="2" fill="#fff"/><rect x="9" y="12" width="46" height="9" rx="2.5" fill="#fff"/><circle cx="17" cy="21" r="7" fill="#fff"/><circle cx="32" cy="21" r="7" fill="#fff"/><circle cx="47" cy="21" r="7" fill="#fff"/><rect x="27" y="34" width="10" height="18" rx="2" fill="url(#g-K-sales)"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-K-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-sales)"/><rect x="13" y="22" width="38" height="30" rx="2" fill="#fff"/><rect x="9" y="12" width="46" height="9" rx="2.5" fill="#fff"/><circle cx="17" cy="21" r="7" fill="#fff"/><circle cx="32" cy="21" r="7" fill="#fff"/><circle cx="47" cy="21" r="7" fill="#fff"/><rect x="27" y="34" width="10" height="18" rx="2" fill="url(#g-K-sales)"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-sales)"/><rect x="13" y="22" width="38" height="30" rx="2" fill="#fff"/><rect x="9" y="12" width="46" height="9" rx="2.5" fill="#fff"/><circle cx="17" cy="21" r="7" fill="#fff"/><circle cx="32" cy="21" r="7" fill="#fff"/><circle cx="47" cy="21" r="7" fill="#fff"/><rect x="27" y="34" width="10" height="18" rx="2" fill="url(#g-K-sales)"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="K"><span>销售用 K</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-K-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-trs)"/><path d="M27 20h-7a12 12 0 0 0 0 24h7M37 44h7a12 12 0 0 0 0-24h-7M23 32h18" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-K-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-trs)"/><path d="M27 20h-7a12 12 0 0 0 0 24h7M37 44h7a12 12 0 0 0 0-24h-7M23 32h18" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-trs)"/><path d="M27 20h-7a12 12 0 0 0 0 24h7M37 44h7a12 12 0 0 0 0-24h-7M23 32h18" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="K"><span>TRS用 K</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-issue)"/><path d="M10 52V24h8V12h8v12l12-8v8l12-8v8l4-2.7V52z" fill="#fff"/><path d="M19 38h6M31 38h6M43 38h6" stroke="url(#g-K-issue)" stroke-width="4" stroke-linecap="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-sales)"/><rect x="13" y="22" width="38" height="30" rx="2" fill="#fff"/><rect x="9" y="12" width="46" height="9" rx="2.5" fill="#fff"/><circle cx="17" cy="21" r="7" fill="#fff"/><circle cx="32" cy="21" r="7" fill="#fff"/><circle cx="47" cy="21" r="7" fill="#fff"/><rect x="27" y="34" width="10" height="18" rx="2" fill="url(#g-K-sales)"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-trs)"/><path d="M27 20h-7a12 12 0 0 0 0 24h7M37 44h7a12 12 0 0 0 0-24h-7M23 32h18" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-issue)"/><path d="M10 52V24h8V12h8v12l12-8v8l12-8v8l4-2.7V52z" fill="#fff"/><path d="M19 38h6M31 38h6M43 38h6" stroke="url(#g-K-issue)" stroke-width="4" stroke-linecap="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-sales)"/><rect x="13" y="22" width="38" height="30" rx="2" fill="#fff"/><rect x="9" y="12" width="46" height="9" rx="2.5" fill="#fff"/><circle cx="17" cy="21" r="7" fill="#fff"/><circle cx="32" cy="21" r="7" fill="#fff"/><circle cx="47" cy="21" r="7" fill="#fff"/><rect x="27" y="34" width="10" height="18" rx="2" fill="url(#g-K-sales)"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-K-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-K-trs)"/><path d="M27 20h-7a12 12 0 0 0 0 24h7M37 44h7a12 12 0 0 0 0-24h-7M23 32h18" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sL" data-k="L">
- <div class="sc-hd"><span class="badge">L</span><h2>票据+动作角标</h2><span class="tg">功能</span><span class="one">三端围着同一张共赢票据转,只是动作不同:发行「+」新发(票据管理),销售「¥」卖出收款(订单/出入金),TRS「⇄」对冲互换(交易下单)。</span><span class="sp"></span><button class="btn all" data-all="L">三端都用 L</button></div>
- <p class="why">三端共用一个票据外形,一看就是一套系统;角标说明本端对票据做什么。角标在 16px 时只剩一个白点,靠 32px 以上辨认。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-L-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-issue)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-issue)" stroke-width="3"/><path d="M46 39v14M39 46h14" fill="none" stroke="url(#g-L-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-L-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-issue)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-issue)" stroke-width="3"/><path d="M46 39v14M39 46h14" fill="none" stroke="url(#g-L-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-issue)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-issue)" stroke-width="3"/><path d="M46 39v14M39 46h14" fill="none" stroke="url(#g-L-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="L"><span>发行用 L</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-L-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-sales)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-sales)" stroke-width="3"/><path d="M40.5 38.5 46 46l5.5-7.5M46 46v9M41 50h10" fill="none" stroke="url(#g-L-sales)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-L-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-sales)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-sales)" stroke-width="3"/><path d="M40.5 38.5 46 46l5.5-7.5M46 46v9M41 50h10" fill="none" stroke="url(#g-L-sales)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-sales)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-sales)" stroke-width="3"/><path d="M40.5 38.5 46 46l5.5-7.5M46 46v9M41 50h10" fill="none" stroke="url(#g-L-sales)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="L"><span>销售用 L</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-L-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-trs)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-trs)" stroke-width="3"/><path d="M39 42h14l-4-4M53 50H39l4 4" fill="none" stroke="url(#g-L-trs)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-L-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-trs)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-trs)" stroke-width="3"/><path d="M39 42h14l-4-4M53 50H39l4 4" fill="none" stroke="url(#g-L-trs)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-trs)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-trs)" stroke-width="3"/><path d="M39 42h14l-4-4M53 50H39l4 4" fill="none" stroke="url(#g-L-trs)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="L"><span>TRS用 L</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-issue)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-issue)" stroke-width="3"/><path d="M46 39v14M39 46h14" fill="none" stroke="url(#g-L-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-sales)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-sales)" stroke-width="3"/><path d="M40.5 38.5 46 46l5.5-7.5M46 46v9M41 50h10" fill="none" stroke="url(#g-L-sales)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-trs)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-trs)" stroke-width="3"/><path d="M39 42h14l-4-4M53 50H39l4 4" fill="none" stroke="url(#g-L-trs)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-issue)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-issue)" stroke-width="3"/><path d="M46 39v14M39 46h14" fill="none" stroke="url(#g-L-issue)" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-sales)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-sales)" stroke-width="3"/><path d="M40.5 38.5 46 46l5.5-7.5M46 46v9M41 50h10" fill="none" stroke="url(#g-L-sales)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-L-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-L-trs)"/><rect x="13" y="9" width="32" height="42" rx="4.5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 23h16M21 31h10" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="46" cy="46" r="14" fill="#fff" stroke="url(#g-L-trs)" stroke-width="3"/><path d="M39 42h14l-4-4M53 50H39l4 4" fill="none" stroke="url(#g-L-trs)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sM" data-k="M">
- <div class="sc-hd"><span class="badge">M</span><h2>账房与资金</h2><span class="tg">功能</span><span class="one">按钱的流向取:发行=算账清算(计算器:清算管理、汇率、费用),销售=出入金(银行:资金管理),TRS=融资付息(百分号:收取利息、融资额度)。</span><span class="sp"></span><button class="btn all" data-all="M">三端都用 M</button></div>
- <p class="why">三端菜单里都有「资金/清算/财务」,这组把各端最独有的那一项画出来:发行方算账、销售方收付、TRS 付息。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-M-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-issue)"/><rect x="16" y="8" width="32" height="48" rx="5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="23" y="15" width="18" height="8" rx="1.5" fill="#fff"/><circle cx="25.5" cy="32" r="2.8" fill="#fff"/><circle cx="32" cy="32" r="2.8" fill="#fff"/><circle cx="38.5" cy="32" r="2.8" fill="#fff"/><circle cx="25.5" cy="40" r="2.8" fill="#fff"/><circle cx="32" cy="40" r="2.8" fill="#fff"/><circle cx="38.5" cy="40" r="2.8" fill="#fff"/><rect x="23" y="45.5" width="18" height="5" rx="2.5" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-M-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-issue)"/><rect x="16" y="8" width="32" height="48" rx="5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="23" y="15" width="18" height="8" rx="1.5" fill="#fff"/><circle cx="25.5" cy="32" r="2.8" fill="#fff"/><circle cx="32" cy="32" r="2.8" fill="#fff"/><circle cx="38.5" cy="32" r="2.8" fill="#fff"/><circle cx="25.5" cy="40" r="2.8" fill="#fff"/><circle cx="32" cy="40" r="2.8" fill="#fff"/><circle cx="38.5" cy="40" r="2.8" fill="#fff"/><rect x="23" y="45.5" width="18" height="5" rx="2.5" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-issue)"/><rect x="16" y="8" width="32" height="48" rx="5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="23" y="15" width="18" height="8" rx="1.5" fill="#fff"/><circle cx="25.5" cy="32" r="2.8" fill="#fff"/><circle cx="32" cy="32" r="2.8" fill="#fff"/><circle cx="38.5" cy="32" r="2.8" fill="#fff"/><circle cx="25.5" cy="40" r="2.8" fill="#fff"/><circle cx="32" cy="40" r="2.8" fill="#fff"/><circle cx="38.5" cy="40" r="2.8" fill="#fff"/><rect x="23" y="45.5" width="18" height="5" rx="2.5" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="M"><span>发行用 M</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-M-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-sales)"/><path d="M32 9 57 22H7z" fill="#fff"/><rect x="10" y="22" width="44" height="4" fill="#fff"/><rect x="14" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="24" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="34" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="44" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="10" y="48" width="44" height="6" rx="2" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-M-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-sales)"/><path d="M32 9 57 22H7z" fill="#fff"/><rect x="10" y="22" width="44" height="4" fill="#fff"/><rect x="14" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="24" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="34" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="44" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="10" y="48" width="44" height="6" rx="2" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-sales)"/><path d="M32 9 57 22H7z" fill="#fff"/><rect x="10" y="22" width="44" height="4" fill="#fff"/><rect x="14" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="24" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="34" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="44" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="10" y="48" width="44" height="6" rx="2" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="M"><span>销售用 M</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-M-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-trs)"/><circle cx="32" cy="32" r="22" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 41l16-18" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="25.5" cy="24.5" r="3.6" fill="#fff"/><circle cx="38.5" cy="39.5" r="3.6" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-M-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-trs)"/><circle cx="32" cy="32" r="22" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 41l16-18" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="25.5" cy="24.5" r="3.6" fill="#fff"/><circle cx="38.5" cy="39.5" r="3.6" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-trs)"/><circle cx="32" cy="32" r="22" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 41l16-18" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="25.5" cy="24.5" r="3.6" fill="#fff"/><circle cx="38.5" cy="39.5" r="3.6" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="M"><span>TRS用 M</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-issue)"/><rect x="16" y="8" width="32" height="48" rx="5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="23" y="15" width="18" height="8" rx="1.5" fill="#fff"/><circle cx="25.5" cy="32" r="2.8" fill="#fff"/><circle cx="32" cy="32" r="2.8" fill="#fff"/><circle cx="38.5" cy="32" r="2.8" fill="#fff"/><circle cx="25.5" cy="40" r="2.8" fill="#fff"/><circle cx="32" cy="40" r="2.8" fill="#fff"/><circle cx="38.5" cy="40" r="2.8" fill="#fff"/><rect x="23" y="45.5" width="18" height="5" rx="2.5" fill="#fff"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-sales)"/><path d="M32 9 57 22H7z" fill="#fff"/><rect x="10" y="22" width="44" height="4" fill="#fff"/><rect x="14" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="24" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="34" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="44" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="10" y="48" width="44" height="6" rx="2" fill="#fff"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-trs)"/><circle cx="32" cy="32" r="22" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 41l16-18" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="25.5" cy="24.5" r="3.6" fill="#fff"/><circle cx="38.5" cy="39.5" r="3.6" fill="#fff"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-issue)"/><rect x="16" y="8" width="32" height="48" rx="5" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="23" y="15" width="18" height="8" rx="1.5" fill="#fff"/><circle cx="25.5" cy="32" r="2.8" fill="#fff"/><circle cx="32" cy="32" r="2.8" fill="#fff"/><circle cx="38.5" cy="32" r="2.8" fill="#fff"/><circle cx="25.5" cy="40" r="2.8" fill="#fff"/><circle cx="32" cy="40" r="2.8" fill="#fff"/><circle cx="38.5" cy="40" r="2.8" fill="#fff"/><rect x="23" y="45.5" width="18" height="5" rx="2.5" fill="#fff"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-sales)"/><path d="M32 9 57 22H7z" fill="#fff"/><rect x="10" y="22" width="44" height="4" fill="#fff"/><rect x="14" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="24" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="34" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="44" y="27" width="6" height="18" rx="1.5" fill="#fff"/><rect x="10" y="48" width="44" height="6" rx="2" fill="#fff"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-M-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-M-trs)"/><circle cx="32" cy="32" r="22" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 41l16-18" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="25.5" cy="24.5" r="3.6" fill="#fff"/><circle cx="38.5" cy="39.5" r="3.6" fill="#fff"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sN" data-k="N">
- <div class="sc-hd"><span class="badge">N</span><h2>A/B 共赢</h2><span class="tg">功能</span><span class="one">产品核心是 A 类、B 类两腿匹配成一张票据:实心=A、空心=B。发行=两腿拼成一张票据,销售=A 类与 B 类两位投资者,TRS=总收益互换的两腿(半实半空的圆)。</span><span class="sp"></span><button class="btn all" data-all="N">三端都用 N</button></div>
- <p class="why">「共赢票据」最独特的就是 A/B 匹配,别的系统没有;实与空的对照在 16px 也看得出,三端用同一套语言。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-N-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-issue)"/><rect x="12" y="12" width="40" height="40" rx="6" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18a6 6 0 0 1 6-6h14v40H18a6 6 0 0 1-6-6z" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-N-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-issue)"/><rect x="12" y="12" width="40" height="40" rx="6" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18a6 6 0 0 1 6-6h14v40H18a6 6 0 0 1-6-6z" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-issue)"/><rect x="12" y="12" width="40" height="40" rx="6" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18a6 6 0 0 1 6-6h14v40H18a6 6 0 0 1-6-6z" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="N"><span>发行用 N</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-N-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-sales)"/><circle cx="21" cy="21" r="7.5" fill="#fff"/><path d="M7 50a14 14 0 0 1 28 0z" fill="#fff"/><circle cx="45" cy="23" r="6" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 50a9.5 9.5 0 0 1 19 0" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-N-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-sales)"/><circle cx="21" cy="21" r="7.5" fill="#fff"/><path d="M7 50a14 14 0 0 1 28 0z" fill="#fff"/><circle cx="45" cy="23" r="6" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 50a9.5 9.5 0 0 1 19 0" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-sales)"/><circle cx="21" cy="21" r="7.5" fill="#fff"/><path d="M7 50a14 14 0 0 1 28 0z" fill="#fff"/><circle cx="45" cy="23" r="6" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 50a9.5 9.5 0 0 1 19 0" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="N"><span>销售用 N</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-N-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-trs)"/><circle cx="32" cy="32" r="20" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 12a20 20 0 0 0 0 40z" fill="#fff"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-N-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-trs)"/><circle cx="32" cy="32" r="20" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 12a20 20 0 0 0 0 40z" fill="#fff"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-trs)"/><circle cx="32" cy="32" r="20" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 12a20 20 0 0 0 0 40z" fill="#fff"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="N"><span>TRS用 N</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-issue)"/><rect x="12" y="12" width="40" height="40" rx="6" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18a6 6 0 0 1 6-6h14v40H18a6 6 0 0 1-6-6z" fill="#fff"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-sales)"/><circle cx="21" cy="21" r="7.5" fill="#fff"/><path d="M7 50a14 14 0 0 1 28 0z" fill="#fff"/><circle cx="45" cy="23" r="6" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 50a9.5 9.5 0 0 1 19 0" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-trs)"/><circle cx="32" cy="32" r="20" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 12a20 20 0 0 0 0 40z" fill="#fff"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-issue)"/><rect x="12" y="12" width="40" height="40" rx="6" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18a6 6 0 0 1 6-6h14v40H18a6 6 0 0 1-6-6z" fill="#fff"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-sales)"/><circle cx="21" cy="21" r="7.5" fill="#fff"/><path d="M7 50a14 14 0 0 1 28 0z" fill="#fff"/><circle cx="45" cy="23" r="6" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 50a9.5 9.5 0 0 1 19 0" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-N-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-N-trs)"/><circle cx="32" cy="32" r="20" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 12a20 20 0 0 0 0 40z" fill="#fff"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sO" data-k="O">
- <div class="sc-hd"><span class="badge">O</span><h2>订单链路</h2><span class="tg">功能</span><span class="one">一笔订单怎么走:销售=投资者下单(订单勾选:订单管理、开户审核),发行=对冲(盾牌+走势:对冲进度、风控三线),TRS=算法执行(芯片:算法下单、常驻工作进程)。</span><span class="sp"></span><button class="btn all" data-all="O">三端都用 O</button></div>
- <p class="why">按订单在三端之间流转的顺序取图,三个图形各对应本端最核心的一个菜单;芯片和盾牌在一排页签里辨识度高。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-O-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-issue)"/><path d="M32 10 50 17v14c0 12-8 19-18 23-10-4-18-11-18-23V17z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 36l7-6 5 4 8-9" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-O-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-issue)"/><path d="M32 10 50 17v14c0 12-8 19-18 23-10-4-18-11-18-23V17z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 36l7-6 5 4 8-9" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-issue)"/><path d="M32 10 50 17v14c0 12-8 19-18 23-10-4-18-11-18-23V17z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 36l7-6 5 4 8-9" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="O"><span>发行用 O</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-O-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-sales)"/><rect x="16" y="14" width="32" height="40" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="25" y="9" width="14" height="8" rx="2.5" fill="#fff"/><path d="M24 35l6 6 11-12" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-O-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-sales)"/><rect x="16" y="14" width="32" height="40" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="25" y="9" width="14" height="8" rx="2.5" fill="#fff"/><path d="M24 35l6 6 11-12" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-sales)"/><rect x="16" y="14" width="32" height="40" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="25" y="9" width="14" height="8" rx="2.5" fill="#fff"/><path d="M24 35l6 6 11-12" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="O"><span>销售用 O</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-O-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-trs)"/><rect x="20" y="20" width="24" height="24" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="28" y="28" width="8" height="8" rx="1.5" fill="#fff"/><path d="M26 20v-7M32 20v-7M38 20v-7M26 44v7M32 44v7M38 44v7M20 26h-7M20 32h-7M20 38h-7M44 26h7M44 32h7M44 38h7" fill="none" stroke="#fff" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-O-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-trs)"/><rect x="20" y="20" width="24" height="24" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="28" y="28" width="8" height="8" rx="1.5" fill="#fff"/><path d="M26 20v-7M32 20v-7M38 20v-7M26 44v7M32 44v7M38 44v7M20 26h-7M20 32h-7M20 38h-7M44 26h7M44 32h7M44 38h7" fill="none" stroke="#fff" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-trs)"/><rect x="20" y="20" width="24" height="24" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="28" y="28" width="8" height="8" rx="1.5" fill="#fff"/><path d="M26 20v-7M32 20v-7M38 20v-7M26 44v7M32 44v7M38 44v7M20 26h-7M20 32h-7M20 38h-7M44 26h7M44 32h7M44 38h7" fill="none" stroke="#fff" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="O"><span>TRS用 O</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-issue)"/><path d="M32 10 50 17v14c0 12-8 19-18 23-10-4-18-11-18-23V17z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 36l7-6 5 4 8-9" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-sales)"/><rect x="16" y="14" width="32" height="40" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="25" y="9" width="14" height="8" rx="2.5" fill="#fff"/><path d="M24 35l6 6 11-12" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-trs)"/><rect x="20" y="20" width="24" height="24" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="28" y="28" width="8" height="8" rx="1.5" fill="#fff"/><path d="M26 20v-7M32 20v-7M38 20v-7M26 44v7M32 44v7M38 44v7M20 26h-7M20 32h-7M20 38h-7M44 26h7M44 32h7M44 38h7" fill="none" stroke="#fff" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-issue)"/><path d="M32 10 50 17v14c0 12-8 19-18 23-10-4-18-11-18-23V17z" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 36l7-6 5 4 8-9" fill="none" stroke="#fff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-sales)"/><rect x="16" y="14" width="32" height="40" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="25" y="9" width="14" height="8" rx="2.5" fill="#fff"/><path d="M24 35l6 6 11-12" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-O-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-O-trs)"/><rect x="20" y="20" width="24" height="24" rx="4" fill="none" stroke="#fff" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="28" y="28" width="8" height="8" rx="1.5" fill="#fff"/><path d="M26 20v-7M32 20v-7M38 20v-7M26 44v7M32 44v7M38 44v7M20 26h-7M20 32h-7M20 38h-7M44 26h7M44 32h7M44 38h7" fill="none" stroke="#fff" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sP" data-k="P">
- <div class="sc-hd"><span class="badge">P</span><h2>拼音首字母</h2><span class="tg">字标</span><span class="one">形和 A 一样,字换成拼音首字母:发行 F、销售 X、TRS T。</span><span class="sp"></span><button class="btn all" data-all="P">三端都用 P</button></div>
- <p class="why">拉丁字母笔画少,是所有文字方案里 16px 最清楚的;代价是 X 要想一下才对上「销售」,和侧栏的「销」字标不一致。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-P-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-issue)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">F</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-P-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-issue)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">F</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-issue)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">F</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="P"><span>发行用 P</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-P-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-sales)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">X</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-P-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-sales)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">X</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-sales)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">X</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="P"><span>销售用 P</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-P-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-P-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="P"><span>TRS用 P</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-issue)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">F</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-sales)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">X</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-issue)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">F</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-sales)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">X</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-P-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-P-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sQ" data-k="Q">
- <div class="sc-hd"><span class="badge">Q</span><h2>浅底蓝字</h2><span class="tg">字标</span><span class="one">白底淡蓝描边方块,字用晴空渐变填色(I 的底配 A 的字)。</span><span class="sp"></span><button class="btn all" data-all="Q">三端都用 Q</button></div>
- <p class="why">文字方案里唯一的浅底:深色页签条上最亮,浅色页签条上靠描边分开;不想页签里再多一块蓝就选它。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-Q-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-Q-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="Q"><span>发行用 Q</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-Q-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-Q-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="Q"><span>销售用 Q</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-Q-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-Q-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-Q-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-Q-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-Q-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="Q"><span>TRS用 Q</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-Q-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-issue)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="40" font-weight="600" fill="url(#g-Q-sales)" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-Q-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="#FFFFFF"/><rect x=".75" y=".75" width="62.5" height="62.5" rx="16.25" fill="none" stroke="#C9D9EE" stroke-width="1.5"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="46" font-weight="600" fill="url(#g-Q-trs)" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sR" data-k="R">
- <div class="sc-hd"><span class="badge">R</span><h2>宋体字标</h2><span class="tg">字标</span><span class="one">渐变方块+白色粗宋体:发/销用宋体黑,T 用衬线体。</span><span class="sp"></span><button class="btn all" data-all="R">三端都用 R</button></div>
- <p class="why">宋体的横细竖粗更像金融机构的印章和票面,和晴空渐变的现代感形成对比;横笔在 16px 会变细,第三个尺寸要看一眼。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-R-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-issue)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">发</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-R-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-issue)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">发</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-issue)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">发</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="R"><span>发行用 R</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-R-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-sales)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">销</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-R-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-sales)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">销</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-sales)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">销</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="R"><span>销售用 R</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-R-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-trs)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="48" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">T</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-R-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-trs)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="48" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">T</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-trs)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="48" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">T</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="R"><span>TRS用 R</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-issue)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-sales)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-trs)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="48" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-issue)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-sales)"/><text x="32" y="33.5" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-R-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-R-trs)"/><text x="32" y="33" text-anchor="middle" dominant-baseline="central" font-size="48" font-weight="900" fill="#fff" style="font-family:'Songti SC','Songti TC','STSong','SimSun','Times New Roman',serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sS" data-k="S">
- <div class="sc-hd"><span class="badge">S</span><h2>深底字+分色底条</h2><span class="tg">字标</span><span class="one">深蓝方块+白字,底部一条色带按端分色:发行晴空蓝、销售青绿、TRS 靛紫。</span><span class="sp"></span><button class="btn all" data-all="S">三端都用 S</button></div>
- <p class="why">A 的统一和 B 的分色各取一半:方块和字三端一样,只靠底部色带区分;色带 16px 时还有 3px 高,看得见。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="n-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-issue)"/><clipPath id="c-S-issue"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-issue)" clip-path="url(#c-S-issue)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="n-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-issue)"/><clipPath id="c-S-issue"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-issue)" clip-path="url(#c-S-issue)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-issue)"/><clipPath id="c-S-issue"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-issue)" clip-path="url(#c-S-issue)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="S"><span>发行用 S</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="n-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-sales)"/><clipPath id="c-S-sales"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-sales)" clip-path="url(#c-S-sales)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="n-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-sales)"/><clipPath id="c-S-sales"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-sales)" clip-path="url(#c-S-sales)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-sales)"/><clipPath id="c-S-sales"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-sales)" clip-path="url(#c-S-sales)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="S"><span>销售用 S</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="n-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-trs)"/><clipPath id="c-S-trs"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-trs)" clip-path="url(#c-S-trs)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="n-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-trs)"/><clipPath id="c-S-trs"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-trs)" clip-path="url(#c-S-trs)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-trs)"/><clipPath id="c-S-trs"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-trs)" clip-path="url(#c-S-trs)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="S"><span>TRS用 S</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-issue)"/><clipPath id="c-S-issue"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-issue)" clip-path="url(#c-S-issue)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-sales)"/><clipPath id="c-S-sales"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-sales)" clip-path="url(#c-S-sales)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-trs)"/><clipPath id="c-S-trs"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-trs)" clip-path="url(#c-S-trs)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-issue)"/><clipPath id="c-S-issue"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-issue)" clip-path="url(#c-S-issue)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#3BD0BC"/><stop offset="1" stop-color="#0FA896"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-sales)"/><clipPath id="c-S-sales"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-sales)" clip-path="url(#c-S-sales)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="36" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="n-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#243A61"/><stop offset="1" stop-color="#111D36"/></linearGradient><linearGradient id="s-S-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#9C83FF"/><stop offset="1" stop-color="#6A4DE8"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#n-S-trs)"/><clipPath id="c-S-trs"><rect width="64" height="64" rx="17"/></clipPath><rect y="53" width="64" height="11" fill="url(#s-S-trs)" clip-path="url(#c-S-trs)"/><text x="32" y="29" text-anchor="middle" dominant-baseline="central" font-size="42" font-weight="600" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">T</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="scheme card" id="sT" data-k="T">
- <div class="sc-hd"><span class="badge">T</span><h2>双字竖排</h2><span class="tg">字标</span><span class="one">渐变方块里放完整简称:「发/行」「销/售」上下两行,TRS 一行。</span><span class="sp"></span><button class="btn all" data-all="T">三端都用 T</button></div>
- <p class="why">不用猜字,32px 以上一眼读出系统名;16px 时两个字会糊成两团,只能靠位置和颜色认,适合主要在大页签或书签栏里看的场景。</p>
- <div class="cells"><div class="cell"><div class="cell-hd">发行管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-T-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-issue)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">行</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-T-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-issue)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">行</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-issue)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">行</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-issue" value="T"><span>发行用 T</span></label></div><div class="cell"><div class="cell-hd">销售管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-T-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-sales)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">售</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-T-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-sales)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">售</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-sales)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">售</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-sales" value="T"><span>销售用 T</span></label></div><div class="cell"><div class="cell-hd">TRS管理系统</div>
- <div class="sizes"><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g-T-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="25" font-weight="700" letter-spacing="-0.5" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">TRS</text></svg><em>64</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="32" height="32"><defs><linearGradient id="g-T-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="25" font-weight="700" letter-spacing="-0.5" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">TRS</text></svg><em>32</em></span><span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="25" font-weight="700" letter-spacing="-0.5" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">TRS</text></svg><em>16</em></span></div>
- <label class="pick"><input type="radio" name="s-trs" value="T"><span>TRS用 T</span></label></div></div>
- <div class="strips"><div class="tabs light" aria-label="浅色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-issue)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">行</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-sales)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">售</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="25" font-weight="700" letter-spacing="-0.5" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">TRS</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div><div class="tabs dark" aria-label="深色页签条"><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-issue" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-issue)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">发</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">行</text></svg><span>发行管理系统</span><i>×</i></div><div class="tab on"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-sales" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-sales)"/><text x="32" y="19.5" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">销</text><text x="32" y="46" text-anchor="middle" dominant-baseline="central" font-size="27" font-weight="600" fill="#fff" style="font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif">售</text></svg><span>销售管理系统</span><i>×</i></div><div class="tab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="16" height="16"><defs><linearGradient id="g-T-trs" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#5AA9FF"/><stop offset="1" stop-color="#2F7FF5"/></linearGradient></defs><rect width="64" height="64" rx="17" fill="url(#g-T-trs)"/><text x="32" y="32.5" text-anchor="middle" dominant-baseline="central" font-size="25" font-weight="700" letter-spacing="-0.5" fill="#fff" style="font-family:-apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Helvetica Neue',Arial,sans-serif">TRS</text></svg><span>TRS管理系统</span><i>×</i></div><div class="plus">+</div></div></div>
- </section>
- <section class="card notes"><div class="sc-hd"><h2>选完之后</h2></div>
- <ul>
- <li><b>交付物。</b>每端一套:<code>favicon.ico</code>(内含 16/32/48 三档位图)、<code>favicon.svg</code>(矢量,现代浏览器直接用)、<code>apple-touch-icon.png</code> 180px、<code>icon-192.png</code>/<code>icon-512.png</code>(加到主屏或 PWA 用)。源文件在本目录 <code>svg/</code>,位图在 <code>png/</code>。</li>
- <li><b>接入。</b>替换 <code>*_frontend/public/favicon.ico</code>,<code>index.html</code> 的 <code><link rel="icon"></code> 再加一条 svg;三端一起改,记一份代码改动记录。</li>
- <li><b>可以混搭。</b>比如 B 的三端分色配任一图形方案(D、F–J 的图形都能换成三端各一色),或 C 的圆形配 B 的分色——在各端的圆点里分别点就行,选好后点底栏「复制」把结果发我。</li>
- <li><b>16px 的提醒。</b>「销」12 画,所有带字的方案缩到 16px 都会偏糊(上面每行第三个就是 16px 实际大小),A/B/C/E/Q/R/S 之间这点没有差别,T 双字更糊;文字方案里 P 拼音首字母最清楚。在意的话选图形类(D、F–O),或者图形只给销售一端用。</li>
- <li><b>深色页签条。</b>E 的深蓝底在深色页签条里会和背景融在一起(见各方案第二条页签条);I 的白底在深色页签条里最亮;其余方案两种页签条都清楚。</li>
- </ul></section>
- </main>
- <footer class="bar"><span class="muted">当前选择</span><b id="pick">还没选</b><span class="sp"></span><button class="btn" id="reset">清空</button><button class="btn pri" id="copy">复制</button><textarea id="clip" aria-hidden="true"></textarea></footer>
- <script>
- (function(){
- var SYS=[{"key":"issue","short":"发行"},{"key":"sales","short":"销售"},{"key":"trs","short":"TRS"}];
- var KEY="favicon-pick-2026-10-14";
- var pick=document.getElementById("pick");
- function state(){var o={};SYS.forEach(function(s){var r=document.querySelector('input[name="s-'+s.key+'"]:checked');o[s.key]=r?r.value:"";});return o;}
- function render(){
- var st=state(),parts=[],all=true;
- SYS.forEach(function(s){parts.push(s.short+" "+(st[s.key]||"—"));if(!st[s.key])all=false;});
- var vals=SYS.map(function(s){return st[s.key]});
- var same=all&&vals.every(function(v){return v===vals[0]});
- var none=vals.every(function(v){return !v});pick.textContent=none?"还没选":parts.join(" · ")+(same?"(三端统一 "+vals[0]+")":"");
- document.querySelectorAll(".scheme").forEach(function(el){el.classList.toggle("chosen",same&&el.dataset.k===vals[0]);});
- try{localStorage.setItem(KEY,JSON.stringify(st));}catch(e){}
- }
- document.addEventListener("change",function(e){if(e.target.matches('.pick input'))render();});
- document.addEventListener("click",function(e){
- var b=e.target.closest("[data-all]");if(b){SYS.forEach(function(s){var r=document.querySelector('input[name="s-'+s.key+'"][value="'+b.dataset.all+'"]');if(r)r.checked=true;});render();return;}
- var t=e.target.closest("#theme button");if(t){document.documentElement.dataset.v=t.dataset.theme;document.querySelectorAll("#theme button").forEach(function(x){x.classList.toggle("on",x===t)});return;}
- if(e.target.closest("#reset")){document.querySelectorAll(".pick input").forEach(function(r){r.checked=false});render();return;}
- if(e.target.closest("#copy")){
- var txt="favicon 选择:"+pick.textContent;var btn=e.target.closest("#copy");
- var done=function(){btn.textContent="已复制";setTimeout(function(){btn.textContent="复制"},1500);};
- var fallback=function(){var ta=document.getElementById("clip");ta.value=txt;ta.select();try{document.execCommand("copy");done();}catch(err){window.prompt("复制下面这行发我:",txt);}};
- if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(txt).then(done,fallback);}else fallback();
- }
- });
- try{var saved=JSON.parse(localStorage.getItem(KEY)||"{}");SYS.forEach(function(s){if(saved[s.key]){var r=document.querySelector('input[name="s-'+s.key+'"][value="'+saved[s.key]+'"]');if(r)r.checked=true;}});}catch(e){}
- render();
- })();
- </script>
- </body>
- </html>
|