.exchange-page h1{padding:15px 0;border-bottom:1px dashed #eee;line-height:30px;font-size:25px;text-align:center}
.exchange-page .intro{background:linear-gradient(to right,#f0f5fd,#fff);border-left:5px solid #2076d1;padding:20px 24px;margin:20px 0;box-shadow:0 4px 15px rgba(0,214,124,.08);color:#374151;font-size:15px;line-height:1.8;font-weight:500}
.exchange-page .intro .i-b{font-weight:800;color:#111827}
.exchange-page .etw{width:100%;margin:20px 0;box-shadow:0 8px 24px rgba(0,0,0,.05);border-radius:0;overflow:hidden;background:#fff;border:1px solid #f3f4f6;position:relative;z-index:1;padding:0 !important;line-height:1}
.exchange-page .ets{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;padding-bottom:50px !important;margin-bottom:-50px !important;max-height:800px}
.exchange-page .ets::-webkit-scrollbar{height:8px;background:#f1f5f9}
.exchange-page .ets::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}
.exchange-page .ets::-webkit-scrollbar-track{background:#f1f5f9}
.exchange-page .pet{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;background:#fff;table-layout:auto;margin:0 !important;border:none !important}
.exchange-page .pet thead th{background:#1561b7;color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:12px 8px !important;vertical-align:middle !important;height:60px;text-align:center !important;border-bottom:3px solid #0a4f9d;border-right:1px solid #fff;border-top:none !important;white-space:nowrap;position:sticky;top:0;z-index:10}
.exchange-page .pet thead th:nth-child(2),.exchange-page .pet thead th:nth-child(3){min-width:150px}
.exchange-page .pet thead th:last-child{border-right:none}
.exchange-page .thw{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.exchange-page .tsl{position:absolute;bottom:-8px;left:0;width:100%;display:flex;justify-content:center;font-size:13px;color:#fff;font-weight:400}
.exchange-page .tsi{flex:1;text-align:center}
.exchange-page .pet tbody td{padding:18px 0;border-bottom:1px solid #f3f4f6;border-right:1px solid #e5e7eb;text-align:center;color:#000;vertical-align:middle;line-height:1.5;background:#fff;white-space:normal;position:relative;z-index:1}
.exchange-page .pet tbody td:nth-child(2),.exchange-page .pet tbody td:nth-child(3),.exchange-page .pet tbody td:nth-child(4){font-size:14px !important}
.exchange-page .pet tbody td:last-child{border-right:none}
.exchange-page .pet tbody td:nth-child(2)::after,.exchange-page .pet tbody td:nth-child(3)::after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #e5e7eb;z-index:0}
.exchange-page .fdc{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;position:relative;z-index:1}
.exchange-page .fv{text-align:center;white-space:nowrap;width:100%}
.exchange-page .pet tbody tr:nth-child(even) td{background:#f8fafc}
.exchange-page .pet tbody tr:hover td{background:#fcfdec !important;transition:background .2s}
.exchange-page .pet th:first-child,.exchange-page .pet td:first-child{position:sticky;left:0;z-index:5;border-right:1px solid #e5e7eb;box-shadow:4px 0 8px rgba(0,0,0,.01);white-space:normal !important;padding:15px 8px;min-width:104px;max-width:120px;transition:min-width .3s,max-width .3s,padding .3s}
.exchange-page .pet tbody td:first-child{text-align:left !important}
.exchange-page .pet thead th:first-child{z-index:20;border-right:1px solid #fff;text-align:center !important;padding-left:8px !important;white-space:nowrap !important}
.exchange-page .pet tbody tr:nth-child(even) td:first-child{background:#f8fafc}
.exchange-page .el{text-decoration:none !important;color:inherit !important;display:flex;align-items:center;transition:opacity .2s}
.exchange-page .el:hover{opacity:.8}
.exchange-page .eid{display:flex;align-items:center;gap:5px;justify-content:flex-start;transition:justify-content .3s}
.exchange-page .elo{width:34px;height:34px;border-radius:50%;object-fit:contain;border:1px solid #e5e7eb;padding:3px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);flex-shrink:0}
.exchange-page .ena{font-weight:700;color:#111827;font-size:13px;line-height:1.2;white-space:normal;text-align:left;display:block}
.exchange-page .icw{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.exchange-page .ct{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;width:105px;border:1px dashed #9ca3af;background:#fff;color:#000;padding:3px 0;border-radius:4px;font-size:13px;font-weight:500;transition:all .2s;user-select:none}
.exchange-page .ct:hover{background:#f9fafb;border-color:#4b5563}
.exchange-page .ct:active{transform:scale(.98)}
.exchange-page .ic{opacity:.6;color:#374151;margin-top:-1px}
.exchange-page .cs{color:#fff !important;background:#0658b5 !important;border-color:#0658b5 !important;border-style:solid !important}
.exchange-page .cs .ic{opacity:1;color:#fff}
.exchange-page .ct::after{content:"已复制";position:absolute;top:130%;left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;z-index:999;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.exchange-page .ct::before{content:"";position:absolute;top:110%;left:50%;margin-left:-4px;border:4px solid transparent;border-bottom-color:#1f2937;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;z-index:999}
.exchange-page .ct.cs::after,.exchange-page .ct.cs::before{opacity:1;visibility:visible}
.exchange-page .dt{font-size:12px;color:#f97316;display:inline-block}
.exchange-page .pet .ca{padding:0 10px}
.exchange-page .ac{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.exchange-page .rb{display:block;width:100%;max-width:125px;background:#377bd3;color:#fff !important;padding:4px 0;border-radius:6px;text-decoration:none !important;font-weight:700;font-size:14px;white-space:nowrap;transition:all .2s;box-shadow:0 4px 12px rgba(55,109,211,.25);border-bottom:3px solid #2955a8}
.exchange-page .rb:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(55,130,211,.35);background:#458be6;color:#fff !important}
.exchange-page .rb:active{transform:translateY(1px);border-bottom-width:1px;box-shadow:none}
.exchange-page .al{display:flex;justify-content:center;width:100%;gap:15px}
.exchange-page .tl{font-size:12px;color:#000;text-decoration:underline;text-underline-offset:3px;transition:color .2s;white-space:nowrap}
.exchange-page .tl:hover{color:#37D37A !important}
.exchange-page .ed{background:#fff;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.06);border:1px solid #f0f1f3;padding:20px 15px;}
.exchange-page .dh{text-align:center;margin-bottom:28px}
.exchange-page .dtl{font-size:22px;font-weight:800;color:#0b1a33;letter-spacing:-.3px;margin-bottom:6px}
.exchange-page .dsb{font-size:14px;color:#8a93a8;font-weight:400}
.exchange-page .dtb{display:flex;justify-content:center;gap:6px;margin-bottom:20px;flex-wrap:wrap}
.exchange-page .tb{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:12px;border-radius:60px;background:#f7f8fa;border:1.5px solid transparent;cursor:pointer;transition:all .25s;opacity:.6;font-family:inherit;font-weight:500;color:#1f2a44;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.exchange-page .tb:hover{background:#eef0f4;transform:translateY(-2px);opacity:.85}
.exchange-page .tb.active{background:#fff;border-color:#002cd6;opacity:1;box-shadow:0 4px 14px rgba(0,44,214,.18);transform:translateY(-2px)}
.exchange-page .tb.active .tn{color:#002cd6}
.exchange-page .tlo{width:20px;height:20px;border-radius:50%;background:#fff;object-fit:contain;flex-shrink:0}
.exchange-page .tn{font-weight:600;font-size:13px;letter-spacing:.2px}
.exchange-page .dc{display:flex;flex-direction:column;gap:24px}
.exchange-page .rbx,.exchange-page .iw{flex:1;background:#f8fafd;border-radius:18px;padding:20px 15px;display:flex;flex-direction:column;justify-content:center;border:1px solid #eef1f6;min-height:auto;transition:background .2s}
.exchange-page .sb{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:18px}
.exchange-page .si{display:flex;align-items:center;gap:12px}
.exchange-page .sl{font-size:12px;font-weight:600;color:#2d3a5e;width:60px;text-align:right;flex-shrink:0;letter-spacing:.2px}
.exchange-page .pt{flex:1;height:7px;background:#e4e8ef;border-radius:10px;overflow:hidden;position:relative}
.exchange-page .pf{height:100%;background:linear-gradient(90deg,#00c97a,#00e68a);border-radius:10px;width:0;transition:width .7s cubic-bezier(.22,1,.36,1);will-change:width}
.exchange-page .sv{font-size:14px;font-weight:700;color:#00c97a;width:32px;text-align:left;flex-shrink:0;font-variant-numeric:tabular-nums}
.exchange-page .tw{margin-top:6px;display:flex;justify-content:center}
.exchange-page .ht{display:inline-block;background:linear-gradient(135deg,#ecfdf5,#d4f5e6);color:#0a7a4a;padding:6px 18px;border-radius:40px;font-size:14px;font-weight:600;letter-spacing:.3px;border:1px solid #b8e6d0;box-shadow:0 2px 6px rgba(0,200,120,.08)}
.exchange-page .ig{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.exchange-page .icd{background:#fff;padding:14px 16px;border-radius:12px;border:1px solid #eef1f6;transition:border-color .2s}
.exchange-page .icd:hover{border-color:#d0d7e6}
.exchange-page .il{font-size:11px;font-weight:500;color:#9aa4bb;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.exchange-page .iv{font-size:16px;font-weight:700;color:#0b1a33;line-height:1.3}
.exchange-page .dsm{font-size:14px;color:#2d3a5e;line-height:1.6;background:#fff;padding:14px 18px;border-radius:12px;border:1px solid #eef1f6;border-left:4px solid #00c97a;transition:border-color .2s}
.exchange-page .dsm strong{color:#0b1a33;font-weight:700}
.exchange-page .rcw{margin:20px auto;font-family:inherit;color:#374151}
.exchange-page .erc{background:#fff;border-radius:16px;padding:15px;margin-bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.03);border:1px solid #f3f4f6;transition:transform .2s}
.exchange-page .erc:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.06)}
.exchange-page .rh{display:flex;flex-wrap:wrap;align-items:center;gap:15px;border-bottom:2px solid #f9fafb;padding-bottom:15px}
.exchange-page .rlo{width:48px;height:48px;border-radius:50%;padding:2px;border:1px solid #e5e7eb;display:block;margin:0 auto}
.exchange-page .rtl{font-size:24px;font-weight:800;color:#111827;margin:0}
.exchange-page .rtg{background:#ecfdf5;color:#059669;font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600;vertical-align:middle;margin-left:10px}
.exchange-page .rtx{font-size:16px;line-height:1.8;color:#4b5563;margin-bottom:25px}
.exchange-page .rtx strong{color:#111827}
.exchange-page .pcg{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:25px;background:#f9fafb;padding:15px;border-radius:12px}
.exchange-page .pct{font-weight:700;margin-bottom:10px;display:block;font-size:14px}
.exchange-page .pl li,.exchange-page .cl li{list-style:none;position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;color:#374151}
.exchange-page .pl li::before{content:"✓";position:absolute;left:0;color:#00d67c;font-weight:bold}
.exchange-page .cl li::before{content:"–";position:absolute;left:0;color:#9ca3af;font-weight:bold}
.exchange-page .ra{display:flex;gap:15px;align-items:center}
.exchange-page .bd{text-decoration:none;color:#2563eb;font-weight:600;font-size:15px;display:inline-flex;align-items:center;transition:all .2s}
.exchange-page .bd:hover{color:#1d4ed8;text-decoration:underline}
.exchange-page .fsw{margin:15px auto}
.exchange-page .fmt{text-align:center;font-size:26px;font-weight:800;color:#111827;margin-bottom:10px}
.exchange-page .fst{text-align:center;font-size:15px;color:#6b7280;margin-bottom:20px}
.exchange-page .fi{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s;box-shadow:0 2px 5px rgba(0,0,0,.02)}
.exchange-page .fi:hover{box-shadow:0 8px 20px rgba(0,0,0,.06);border-color:#d1d5db}
.exchange-page .fq{list-style:none;padding:18px;font-weight:700;font-size:15px;color:#1f2937;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .2s}
.exchange-page .fq::-webkit-details-marker{display:none}
.exchange-page .fq:hover{color:#0054d6}
.exchange-page .fa{padding:0 18px 18px;color:#4b5563;font-size:16px;font-weight:normal;line-height:1.7;border-top:1px solid transparent}
.exchange-page details[open] .fi{border-color:#0054d6}
.exchange-page details[open] .fq{color:#0054d6;border-bottom:1px solid #f3f4f6}
.exchange-page .fic{position:relative;width:20px;height:20px;flex-shrink:0;margin-left:15px;transition:transform .3s}
.exchange-page .fic::before,.exchange-page .fic::after{content:"";position:absolute;background:#111827;border-radius:2px;transition:background .3s}
.exchange-page .fic::before{top:9px;left:0;width:20px;height:2px}
.exchange-page .fic::after{top:0;left:9px;width:2px;height:20px}
.exchange-page details[open] .fic{transform:rotate(135deg)}
.exchange-page details[open] .fic::before,.exchange-page details[open] .fic::after{background:#0054d6}
body.night .exchange-page .intro{background:#373737;color:#d3d0d0}
body.night .exchange-page .intro .i-b{color:#fdfdfd}
body.night .exchange-page .ed,body.night .exchange-page .erc,body.night .exchange-page .rbx,body.night .exchange-page .iw,body.night .exchange-page .etw,body.night .exchange-page .pet{background:none}
body.night .exchange-page .rtl,body.night .exchange-page .rtx strong,body.night .exchange-page .dtl,body.night .exchange-page .sl,body.night .exchange-page .iv,body.night .exchange-page .dsm strong,body.night .exchange-page .ena,body.night .exchange-page .tl,body.night .exchange-page .fmt,body.night .exchange-page .fq{color:#fff}
body.night .exchange-page .rtx,body.night .exchange-page .pl li,body.night .exchange-page .cl li,body.night .exchange-page .il,body.night .exchange-page .pet tbody td,body.night .exchange-page .fst,body.night .exchange-page .fa{color:#b1b1b1}
body.night .exchange-page .pcg,body.night .exchange-page .icd{background:#181a1b}
body.night .exchange-page .pct{color:#fff !important}
body.night .exchange-page .dsm{color:#b1b1b1;background:#181a1b}
body.night .exchange-page .pet tbody tr:nth-child(even) td{background:#181a1b}
body.night .exchange-page .elo{background:none;border:none}
body.night .exchange-page .pet tbody td{background:#292f3f}
body.night .exchange-page .ct{background:none;color:#fff}
body.night .exchange-page details[open] .fq,body.night .exchange-page .bd{color:#18a4f9;border:none}
body.night .exchange-page details[open] .fic::before,body.night .exchange-page details[open] .fic::after{background:#18a4f9}
body.night .exchange-page .fic::before,body.night .exchange-page .fic::after{background:#fff}
body.night .exchange-page .pet tbody tr:hover td{background:#1561b754}