*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto}
.mihe-nav{background:#f8fafc;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.mihe-nav .nav-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 24px}
.mihe-nav .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1f2937}
.mihe-nav .brand img{width:32px;height:32px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.mihe-nav .brand-name{font-weight:800;color:#2f6cf4;font-size:20px;letter-spacing:.6px;margin-left:6px}
.mihe-nav .official{position:relative;display:flex;align-items:center;gap:8px;background:#eef2ff;color:#1f2937;padding:8px 12px;border-radius:12px}
.mihe-nav .official a{display:flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.mihe-nav .official:hover{background:#e0e7ff}
.mihe-nav .official .globe{margin-right:2px}
.mihe-nav .official .tooltip{position:absolute;right:0;left:auto;top:100%;margin-top:8px;width:360px;max-width:360px;min-width:320px;padding:10px 12px;font-size:12px;line-height:1.6;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.06);opacity:0;pointer-events:none;transition:opacity .2s}
.mihe-nav .official:hover .tooltip{opacity:1}

.content{padding-top:8px}
.bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2f6cf4;color:#fff}
.title{font-weight:600}
.actions input{margin-right:8px;padding:6px 8px;border-radius:6px;border:1px solid #d0d7de}
.actions button{padding:6px 10px;border:0;border-radius:6px;background:#fff;color:#2f6cf4;font-weight:600;cursor:pointer}
.toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px}
#result{padding:0 16px 24px}
.multi-header{display:grid;gap:16px;padding:10px 16px;border-bottom:2px solid #4f46e5;background:#f8fafc}
.hcell{display:flex;justify-content:space-between;align-items:center;padding:6px 8px}
.hcell .title{font-weight:700}
.multi-body{padding:0 16px}
.table-scroll{overflow-x:auto}
.row{display:grid;gap:16px;align-items:start}
.row .cell{border-top:1px solid #f5f6f8}
.row:nth-child(even){background:#f9fafb}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px}
.card header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #f0f2f5;font-weight:600}
.grid{display:grid;grid-template-columns:1fr;gap:0}
.cell{padding:10px 12px;border-top:1px solid #f5f6f8}
.preview img{max-height:100px;max-width:100%;width:auto;object-fit:contain;cursor:pointer}
.preview video,.preview audio{max-height:120px;width:100%}
.preview a{display:inline-block;max-width:100%;word-break:break-all;overflow-wrap:anywhere}
.hcell{position:relative}
.hcell .resizer{position:absolute;right:0;top:0;width:6px;height:100%;cursor:col-resize}
.hcell .resizer:hover{background:rgba(79,70,229,0.2)}
#info{padding:0 16px;color:#6b7280}