.cpa{--bg:#f7f6f9;--ink:#1d1b22;--mut:#6b6874;--card:#fff;--line:#e7e3ec;--acc:#a855f7;--acc2:#9333ea;--link:#8a2bd8;--tint:#faf5ff;--tintb:#ebd8fe;--ok:#0f8a6b;--okb:#e6f5ef;--warn:#9a5b00;--warnb:#fff4e0;--red:#b3261e;--lock:#eef0f3;background:var(--bg);min-height:100vh;color:var(--ink);font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif}.cpa *{box-sizing:border-box}.cpa button,.cpa input,.cpa select{font:inherit}.cpa .frame{background:var(--card);border:1px solid var(--line);border-radius:14px;max-width:1180px;min-height:560px;margin:0 auto;position:relative;overflow:hidden}.cpa .wrap{padding:16px}.cpa .top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 16px;font-size:13px;display:flex}.cpa .mark{background:var(--acc);color:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font:700 16px Georgia,serif;display:flex}.cpa .word{font:700 16px Georgia,serif}.cpa .top .who{color:var(--mut);flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.cpa a{color:var(--link)}.cpa .side{grid-template-columns:190px minmax(0,1fr);min-height:500px;display:grid}.cpa .left{border-right:1px solid var(--line);padding:12px 8px;font-size:13px}.cpa .left a,.cpa .left span{color:var(--mut);border-radius:7px;padding:7px 10px;text-decoration:none;display:block}.cpa .left span.na{cursor:default}.cpa .left a:hover{background:var(--tint)}.cpa .left .cur{background:var(--tint);color:var(--ink);font-weight:600}.cpa .body{min-width:0;padding:18px 20px;overflow-x:auto}.cpa .title{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cpa .title h2{margin:0;font-size:22px}.cpa .btn{background:var(--acc);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:8px 16px;font-weight:600}.cpa .btn:hover{background:var(--acc2)}.cpa .btn:disabled{cursor:not-allowed;background:#d8cfe3}.cpa .ghost{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:0 0;border-radius:9px;padding:7px 14px}.cpa .ghost:hover{border-color:var(--acc);color:var(--link)}.cpa .ghost:disabled{opacity:.45;cursor:not-allowed}.cpa .chip{border:1px solid var(--tintb);background:var(--tint);color:var(--link);white-space:nowrap;border-radius:14px;align-items:center;gap:6px;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.cpa .chip.lock{background:var(--lock);color:#3b4250;border-color:#d4d8de}.cpa .chip.frz{color:#fff;background:#3b4250;border-color:#3b4250}.cpa .chip.ok{background:var(--okb);color:var(--ok);border-color:#bfe6d6}.cpa .chip.warn{background:var(--warnb);color:var(--warn);border-color:#f3d9a8}.cpa .cnt{background:var(--acc);color:#fff;border-radius:10px;margin-left:4px;padding:0 7px;font-size:11px;font-weight:700}.cpa .card{border:1px solid var(--line);background:var(--card);border-radius:12px;margin:0 0 12px;padding:14px 16px}.cpa .banner{background:var(--warnb);color:var(--warn);border:1px solid #f3d9a8;padding:8px 16px;font-size:13px}.cpa .err{color:var(--red);margin:0 0 10px;font-size:13px}.cpa table.t{border-collapse:collapse;width:100%;font-size:13px}.cpa table.t th{text-align:left;color:var(--mut);border-bottom:1px solid var(--line);white-space:nowrap;padding:7px 8px;font-size:12px;font-weight:600}.cpa table.t td{border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.cpa table.t.locked td{color:#8a8794}.cpa table.t tr.click{cursor:pointer}.cpa table.t tr.click:hover td{background:var(--tint)}.cpa .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cpa select.pk{border:1px solid var(--line);background:#fff;border-radius:7px;max-width:220px;padding:3px 6px}.cpa select.pk:disabled{background:var(--lock)}.cpa .steps{flex-wrap:wrap;gap:0;margin:10px 0 4px;display:flex}.cpa .steps div{border:1px solid var(--line);color:var(--mut);background:#fff;margin:0 -1px 4px 0;padding:6px 11px;font-size:12px}.cpa .steps div:first-child{border-radius:8px 0 0 8px}.cpa .steps div:last-child{border-radius:0 8px 8px 0}.cpa .steps .done{color:var(--ok);background:var(--okb)}.cpa .steps .now{color:#fff;background:var(--acc);border-color:var(--acc);font-weight:600}.cpa .center{justify-content:center;align-items:flex-start;padding:48px 16px;display:flex}.cpa .signin{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;max-width:380px;padding:26px 22px;box-shadow:0 6px 24px #1e14320f}.cpa .signin h3{margin:14px 0 16px;font-size:18px}.cpa .fld{border:1px solid var(--line);border-radius:9px;width:100%;margin:0 0 12px;padding:9px 11px;display:block}.cpa .fld:focus{outline:2px solid var(--tintb);border-color:var(--acc)}.cpa .code{gap:6px;margin:0 0 16px;display:flex}.cpa .code input{text-align:center;border:1px solid var(--line);border-radius:9px;width:42px;min-width:0;height:46px;font-size:20px}.cpa .qr{justify-content:center;margin:0 0 10px;display:flex}.cpa .qr svg{border:1px solid var(--line);background:#fff;border-radius:10px;width:170px;height:170px}.cpa .key{text-align:center;letter-spacing:1px;word-break:break-all;margin:0 0 14px;font:600 13px ui-monospace,Consolas,monospace}.cpa .mut{color:var(--mut)}.cpa .small{font-size:12px}.cpa .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cpa .agbox{border:1px solid var(--line);background:#fcfbfd;border-radius:10px;max-height:260px;padding:4px 16px;font:13px/1.6 Georgia,serif;overflow:auto}.cpa .agbox h4{margin:14px 0 4px;font:700 13px system-ui}.cpa canvas.sig{touch-action:none;cursor:crosshair;background:#fff;border:1px dashed #c9bedb;border-radius:10px;width:100%;height:120px;display:block}.cpa .sigimg{object-fit:contain;border-bottom:1px solid var(--line);background:#fff;width:100%;max-width:260px;height:70px;display:block}.cpa .diff del{color:var(--red);text-decoration:line-through}.cpa .diff ins{color:var(--ok);font-weight:600;text-decoration:none}.cpa .toast{background:var(--ink);color:#fff;border-radius:10px;padding:8px 14px;font-size:12.5px;position:fixed;bottom:16px;right:16px}@media (max-width:760px){.cpa .side{grid-template-columns:minmax(0,1fr)}.cpa .left{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.cpa .left a,.cpa .left span{white-space:nowrap}.cpa .body{padding:14px 12px}}