37 lines
2.1 KiB
HTML
37 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Поиск кода ОКТРУ</title>
|
||
<style>
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
|
||
.card{background:#1e293b;border-radius:16px;padding:40px;width:100%;max-width:520px;box-shadow:0 25px 50px rgba(0,0,0,.4)}
|
||
h1{font-size:22px;margin-bottom:8px;color:#f8fafc}
|
||
.sub{font-size:14px;color:#94a3b8;margin-bottom:28px}
|
||
label{display:block;font-size:14px;color:#cbd5e1;margin-bottom:8px}
|
||
input[type=text]{width:100%;padding:14px 16px;border-radius:10px;border:2px solid #334155;background:#0f172a;color:#f1f5f9;font-size:15px;outline:none;transition:border-color .2s}
|
||
input[type=text]:focus{border-color:#3b82f6}
|
||
button{width:100%;padding:14px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .2s}
|
||
button:hover{background:#1d4ed8}
|
||
.log{margin-top:16px;padding:12px;border-radius:8px;font-size:12px;color:#94a3b8;background:#0f172a;font-family:monospace;white-space:pre-wrap;line-height:1.5;max-height:200px;overflow-y:auto;display:none}
|
||
.log.show{display:block}
|
||
.res{margin-top:20px;padding:18px;border-radius:10px;line-height:1.6;font-size:14px;white-space:pre-wrap}
|
||
.ok{background:#064e3b;border:1px solid #059669;color:#d1fae5}
|
||
.err{background:#450a0a;border:1px solid #dc2626;color:#fecaca}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="card">
|
||
<h1>🔍 Поиск кода ОКТРУ</h1>
|
||
<p class="sub">Введите название товара — агент найдёт подходящий код</p>
|
||
<form method="POST">
|
||
<label>Название товара</label>
|
||
<input type="text" name="q" placeholder='Например: ноутбук Dell' value="" autocomplete="off">
|
||
<button type="submit">Проверить</button>
|
||
</form>
|
||
</div>
|
||
</body>
|
||
</html>
|