:root{--bg:#f6f8fb;--card:#fff;--b:#e5e7eb;--text:#111827;--muted:#6b7280;--blue:#2563eb;--green:#059669;--red:#dc2626;--orange:#ea580c}
*{box-sizing:border-box}html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:var(--blue);text-decoration:none}.wrap{max-width:1280px;margin:22px auto;padding:0 16px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.brand h1{font-size:26px;margin:0 0 4px}.sub{color:var(--muted);font-size:13px}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a,.nav span{background:#fff;border:1px solid var(--b);border-radius:10px;padding:9px 12px;font-weight:700;color:#111827}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.card{background:#fff;border:1px solid var(--b);border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.04);margin-bottom:14px}.card h2{font-size:18px;margin:0 0 12px}.form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fg{display:flex;flex-direction:column;gap:5px}.fg2{grid-column:span 2}.fg3{grid-column:span 3}.fg4{grid-column:span 4}label{font-size:13px;font-weight:700}.small,.muted{font-size:12px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--b);border-radius:10px;padding:0 10px;font-size:14px;background:#fff}input,select{height:40px}textarea{padding:10px;min-height:76px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.12)}button,.btn{height:40px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 14px}.btn2{background:#e5e7eb;color:#111827}.btn-green{background:var(--green)}.btn-red{background:var(--red)}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.item{border:1px solid var(--b);border-radius:12px;padding:12px;background:#fff}.item span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.item b{font-size:18px}.item.big{grid-column:span 2;background:#fff7ed;border-color:#fed7aa}.item.good{background:#ecfdf5;border-color:#a7f3d0}.item.bad{background:#fef2f2;border-color:#fecaca}.cat-list{max-height:260px;overflow:auto;border:1px solid var(--b);border-radius:12px;margin-top:8px;background:#fff}.catrow{padding:10px;border-bottom:1px solid var(--b);cursor:pointer;line-height:1.45}.catrow:hover{background:#eff6ff}.catid{font-weight:800;color:var(--blue)}.table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.table th,.table td{border-bottom:1px solid var(--b);padding:9px;text-align:left;vertical-align:top}.table th{background:#f9fafb}.right{text-align:right}.thumb{width:58px;height:58px;border-radius:10px;object-fit:cover;border:1px solid var(--b);background:#f3f4f6}.notice{padding:10px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;margin:10px 0}.error{padding:10px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;margin:10px 0}.success{padding:10px;border-radius:10px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;margin:10px 0}.auth{max-width:420px;margin:48px auto}.record-card{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;border:1px solid var(--b);border-radius:12px;padding:10px;background:#fff;margin-bottom:10px}.profit-pos{color:var(--green);font-weight:900}.profit-neg{color:var(--red);font-weight:900}.pager{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-badge{background:#111827;color:#fff;border-radius:999px;padding:2px 8px;font-size:12px}
.inline{display:flex;gap:8px}.inline input{flex:1}.inline select{width:130px}.modal-mask{position:fixed;inset:0;background:rgba(17,24,39,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}.modal-mask.open{display:flex!important}.modal-open{overflow:hidden}.modal{width:min(920px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;border:1px solid var(--b);box-shadow:0 24px 80px rgba(0,0,0,.28);padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-head h2{margin:0;font-size:20px}.close{width:36px;height:36px;border-radius:999px;background:#e5e7eb;color:#111827;font-size:22px;padding:0}.modal-result{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
@media(max-width:900px){.modal-mask{padding:8px}.modal{width:100%;max-height:94vh;border-radius:14px;padding:12px}.modal-result{grid-template-columns:1fr}.inline select{width:120px}.grid{grid-template-columns:1fr}.form{grid-template-columns:repeat(2,1fr)}.fg3,.fg4{grid-column:span 2}.results{grid-template-columns:1fr}.item.big{grid-column:span 1}.top{align-items:flex-start;flex-direction:column}.nav a,.nav span{padding:8px 10px;font-size:13px}.wrap{margin:10px auto;padding:0 8px}.card{padding:12px;border-radius:12px}.brand h1{font-size:20px}input,select,textarea{font-size:16px}.table-wrap{overflow-x:auto}.record-card{grid-template-columns:58px 1fr}.record-card .actions{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.thumb{width:52px;height:52px}.catrow{word-break:break-word;overflow-wrap:anywhere}}