:root{--navy:#16385A;--navy2:#2E6390;--navy3:#0D2440;--gold:#C29A45;--gold2:#E7CE93;--goldD:#8F7026;--cream:#F6F2E9;--white:#fff;--ink:#22303F;--sub:#5E6B79;--mut:#98A3B0;--line:rgba(22,56,90,.13);--line2:#EAECF0;--bg:#EEF1F4;--ok:#2E8B57;--okbg:#E6F4EC;--warn:#B8860B;--warnbg:#F9F0DA;--dang:#C0483B;--dangbg:#FBECEA;--info:#2E6390;--infobg:#EAF1F7}*{box-sizing:border-box;margin:0}body{font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.7}.serif{font-family:Songti SC,STSong,SimSun,Georgia,serif}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(90% 130% at 88% 8%,#e7ce933d,#e7ce9300 46%),radial-gradient(70% 100% at 10% 100%,rgba(46,99,144,.5) 0%,transparent 60%),linear-gradient(150deg,#0d2440,#16385a 52%,#2e6390)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.auth-brand .bn{font-size:20px;letter-spacing:.2em;font-weight:700;color:#f5edd8}.auth-brand .be{font-size:9px;letter-spacing:.22em;color:#b9ccdd}.card{background:var(--white);border-radius:12px;box-shadow:0 24px 60px #0d244057;width:100%;max-width:760px;overflow:hidden}.card-hd{padding:22px 34px 6px;text-align:center}.card-hd h1{font-size:21px;color:var(--navy);letter-spacing:.1em}.card-hd p{font-size:13px;color:var(--sub);margin-top:6px}.login-body{display:grid;grid-template-columns:1fr 1px 1fr;gap:0;padding:24px 34px 30px;align-items:stretch}.login-col{padding:14px 22px;display:flex;flex-direction:column;align-items:center}.login-col.pw{align-items:stretch}.col-tag{font-size:12px;color:var(--goldD);font-weight:700;letter-spacing:.14em;background:#f7efdd;border-radius:20px;padding:4px 14px;margin-bottom:16px}.divider{background:linear-gradient(var(--line),transparent,var(--line));position:relative}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white);color:var(--mut);font-size:12px;padding:6px 2px}.qrbox{width:184px;height:184px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--white);position:relative}.qrbox svg{width:100%;height:100%;display:block}.qr-hint{font-size:13px;color:var(--sub);margin-top:14px;text-align:center;line-height:1.6}.qr-hint b{color:var(--navy)}.demo{margin-top:16px;width:100%;border-top:1px dashed var(--line);padding-top:14px}.demo .dl{font-size:11px;color:var(--mut);letter-spacing:.1em;text-align:center;margin-bottom:8px}.fld{margin-bottom:14px}.fld label{display:block;font-size:12.5px;color:var(--sub);margin-bottom:6px;letter-spacing:.04em}.fld input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-size:14px;color:var(--ink);background:#fcfcfd;transition:.15s}.fld input:focus{outline:none;border-color:var(--navy2);background:#fff;box-shadow:0 0 0 3px #2e63901f}.pw-tip{font-size:12px;color:var(--mut);background:#f6f8fa;border-radius:8px;padding:9px 12px;line-height:1.6;margin-bottom:16px}.pw-tip b{color:var(--goldD)}.btn-main{width:100%;background:linear-gradient(120deg,#16385a,#2e6390);color:#f5edd8;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:600;letter-spacing:.12em;transition:.15s}.btn-main:hover{filter:brightness(1.08)}.btn-main:disabled{opacity:.6;cursor:not-allowed}.card-ft{border-top:1px solid var(--line2);padding:14px 34px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--sub);flex-wrap:wrap;gap:8px}.card-ft a{color:var(--navy2);cursor:pointer}.card-ft a:hover{color:var(--gold)}.auth-note{color:#9fb3c6;font-size:12px;margin-top:20px;letter-spacing:.06em;text-align:center}.bind-body{padding:26px 44px 32px}.bind-flow{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 22px}.bind-node{display:flex;flex-direction:column;align-items:center;gap:8px;width:120px;text-align:center}.bind-node .ic{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.bind-node .ic.wx{background:linear-gradient(140deg,#2e8b57,#3fae6b)}.bind-node .ic.acc{background:linear-gradient(140deg,#16385a,#2e6390)}.bind-node small{font-size:12px;color:var(--sub)}.bind-node b{font-size:13px;color:var(--navy)}.bind-arrow{color:var(--gold);font-size:22px;font-weight:700}.bind-hint{background:#f7efdd;color:#7a5f1e;border-radius:8px;padding:11px 14px;font-size:13px;line-height:1.65;margin-bottom:18px}.bind-form{max-width:420px;margin:0 auto}#scr-portal{background:var(--bg);min-height:100vh}.ptopbar{position:sticky;top:0;z-index:30;background:#0d2440f7;color:#f5edd8;display:flex;align-items:center;gap:14px;padding:12px 26px;box-shadow:0 3px 16px #0d244040}.ptopbar .bn{font-size:16px;letter-spacing:.18em;font-weight:700;color:#f5edd8}.ptopbar .be{font-size:8px;letter-spacing:.2em;color:#9fb3c6}.ptopbar .ro{display:inline-flex;align-items:center;gap:5px;font-size:11px;background:#e7ce9329;color:var(--gold2);border:1px solid rgba(231,206,147,.4);border-radius:20px;padding:3px 10px;margin-left:6px}.ptopbar .right{margin-left:auto;display:flex;align-items:center;gap:14px}.who{display:flex;align-items:center;gap:9px;background:#ffffff14;border-radius:24px;padding:5px 6px 5px 12px}.who .lbl{font-size:12.5px;color:#dce6ef}.who .lbl b{color:var(--gold2)}.who .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,#c29a45,#e7ce93);color:#16385a;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px}.tlink{font-size:12.5px;color:#b9ccdd;cursor:pointer}.tlink:hover{color:var(--gold2)}.pwrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:200px 1fr;gap:22px;padding:22px 26px 60px}.idbar{grid-column:1 / -1;background:linear-gradient(120deg,#16385a,#2e6390);color:#eaf1f7;border-radius:12px;padding:16px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.idbar .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#c29a45,#e7ce93);color:#16385a;font-weight:700;font-size:19px;display:flex;align-items:center;justify-content:center}.idbar .who2 b{font-size:17px;color:#fdf8ec;letter-spacing:.06em}.idbar .who2 small{display:block;font-size:12px;color:#b9ccdd;margin-top:2px}.idbar .seg{margin-left:auto;display:flex;background:#ffffff1a;border-radius:9px;padding:3px}.idbar .seg button{border:none;background:none;color:#c3d4e3;font-size:12.5px;font-weight:600;padding:7px 15px;border-radius:7px}.idbar .seg button.on{background:#f5edd8;color:var(--navy)}.idbar .demo-tip{width:100%;font-size:11.5px;color:#9fb3c6;letter-spacing:.04em}.pside{align-self:start;position:sticky;top:78px;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.pside a{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;color:var(--sub);border-left:3px solid transparent;cursor:pointer;transition:.14s}.pside a:hover{background:#f7fafd;color:var(--navy)}.pside a.on{background:#f2f7fb;color:var(--navy);border-color:var(--gold);font-weight:600}.pside a svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}.pmain{min-width:0}.panel{display:none}.panel.on{display:block;animation:pf .25s ease}@keyframes pf{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.panel.on{animation:none}}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.ov{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.ov b{display:block;font-size:24px;color:var(--navy);font-family:Georgia,serif;letter-spacing:.02em}.ov b small{font-size:12px;color:var(--mut);font-family:inherit}.ov span{font-size:12.5px;color:var(--sub)}.pcard{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;overflow:hidden}.pcard .hd{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line2)}.pcard .hd b{font-size:15px;color:var(--navy);letter-spacing:.04em}.pcard .hd .sub{font-size:12px;color:var(--mut);margin-left:auto}.pcard .bd{padding:16px 18px}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{background:#f4f7fa;color:var(--navy);text-align:left;font-weight:600;letter-spacing:.06em;font-size:12.5px;padding:10px 14px;border-bottom:1px solid var(--line2)}td{padding:11px 14px;border-bottom:1px solid #F1F3F6;color:#3c4854}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfc}.num{font-variant-numeric:tabular-nums}.empty-row{text-align:center;color:var(--mut);padding:22px 14px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;border-radius:20px;padding:3px 11px}.pill.ok{background:var(--okbg);color:var(--ok)}.pill.warn{background:var(--warnbg);color:var(--warn)}.pill.dang{background:var(--dangbg);color:var(--dang)}.pill.info{background:var(--infobg);color:var(--info)}.pill.mut{background:#eef1f4;color:var(--sub)}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.la{font-size:12.5px;color:var(--info);font-weight:600;cursor:pointer}.la:hover{text-decoration:underline}.tag-ex{font-size:10.5px;color:#8f7026;background:#f7efdd;border-radius:3px;padding:1px 6px;letter-spacing:.04em}.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.crd{border:1px solid var(--line);border-radius:10px;padding:15px 16px;background:var(--white)}.crd .top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.crd .cav{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fdf8ec;font-weight:700;font-size:15px}.crd .g1{background:linear-gradient(140deg,#16385a,#2e6390)}.crd .g2{background:linear-gradient(140deg,#8f7026,#c29a45)}.crd .cn{font-size:14.5px;color:var(--navy);font-weight:600}.crd .ct{font-size:12px;color:var(--sub)}.mbar{display:inline-block;width:100%;height:7px;border-radius:5px;background:#edf0f3;overflow:hidden;margin:4px 0}.mbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}.crd .stat{display:flex;justify-content:space-between;font-size:12.5px;color:var(--sub)}.crd .stat b{color:var(--navy)}.wallet{display:flex;gap:14px;flex-wrap:wrap}.wcard{border-radius:12px;padding:16px 18px;color:#fdf8ec;min-width:210px;flex:1}.wcard.pts{background:linear-gradient(135deg,#16385a,#2e6390)}.wcard.mon{background:linear-gradient(135deg,#8f7026,#c29a45)}.wcard small{font-size:12px;opacity:.85;letter-spacing:.1em}.wcard b{display:block;font-size:26px;font-family:Georgia,serif;margin-top:6px}.wcard .ex{font-size:11.5px;opacity:.85;margin-top:8px}.tl{position:relative;padding-left:26px}.tl:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--line2)}.tl-item{position:relative;padding:0 0 20px}.tl-item:last-child{padding-bottom:0}.tl-item .dot{position:absolute;left:-21px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--line)}.tl-item.done .dot{background:var(--ok);border-color:var(--ok)}.tl-item.cur .dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px #c29a4533}.tl-item .tt{font-size:14px;color:var(--navy);font-weight:600}.tl-item .td{font-size:12.5px;color:var(--sub);margin-top:2px}.sop-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.ring{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.ring i{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--navy);font-style:normal}.readonly-note{font-size:12px;color:var(--mut);background:#f6f8fa;border:1px dashed var(--line);border-radius:8px;padding:10px 14px;margin-top:6px;line-height:1.6}#toast{position:fixed;left:50%;bottom:44px;transform:translate(-50%) translateY(20px);background:#0d2440f0;color:#f5edd8;padding:11px 22px;border-radius:8px;font-size:13.5px;opacity:0;pointer-events:none;transition:.25s;z-index:99}#toast.on{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:900px){.login-body{grid-template-columns:1fr}.divider{display:none}.pwrap{grid-template-columns:1fr}.pside{position:static;display:flex;overflow-x:auto}.pside a{border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.pside a.on{border-left:none;border-bottom-color:var(--gold)}.overview{grid-template-columns:1fr 1fr}.cgrid{grid-template-columns:1fr}}.brand-logo{display:block;flex:0 0 auto;object-fit:contain}