body{font-family:Arial,sans-serif;margin:0;background:#f9f9f9}.container{max-width:960px;margin:0 auto;padding:16px 10px;background:#f9f9f9;border-radius:8px}button{padding:8px 12px;border:none;background:#5ccbff;color:#fff;cursor:pointer;border-radius:4px;font-size:14px;margin-bottom:8px;transition:background .3s ease}.data-section{border-top:1px solid #ddd;padding:12px 0}.data-section h3{margin:0 0 8px;font-size:16px;color:#333}.data-section pre{background:#f1f1f1;padding:8px;border-radius:4px;overflow-x:auto;font-size:12px}.data-card{border:1px solid #cccccccc;border-radius:8px;padding:16px 10px 0;margin:8px 0;background-color:#fff;max-width:800px;font-family:Arial,sans-serif;box-shadow:0 0 12px #00000014}.data-card h3{margin-top:0;font-size:18px;color:#333}.data-grid{display:flex;flex-direction:column;gap:6px;margin:10px 0}.data-row{display:block}.data-key{font-weight:700;color:#444;margin-right:6px;white-space:nowrap;display:inline;font-size:15px}.data-value{color:#666;word-break:break-all;font-size:15px;display:inline;white-space:normal}