:root{--ink:#0f172a;--muted:#6b7280;--accent:#2563eb;--bg:#f6f7fb;--radius:14px;--shadow:0 10px 30px rgba(2,6,23,.12)}
  *{box-sizing:border-box} html,body{margin:0}
  body{font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
  header{padding:20px;text-align:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 6px 20px rgba(0,0,0,.08)}
  header img{max-height:70px;display:block;margin:0 auto 10px}
  h1{margin:0;font-size:clamp(22px,4vw,32px)}
  .wrap{max-width:1000px;margin:32px auto;padding:0 20px}
  form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
  input[type=search]{flex:1;min-width:260px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:999px}
  button{padding:12px 18px;border-radius:999px;border:0;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
  .hint{color:var(--muted);font-size:14px;margin:8px 0}
  iframe{width:100%;height:70vh;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
  :root{--ink:#0f172a;--muted:#6b7280;--hit:#fde68a}
  body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;background:#fff;color:var(--ink);line-height:1.6}
  .wrap{max-width:1000px;margin:0 auto;padding:16px}
  h2{margin:0 0 10px;font-size:18px;color:var(--muted)}
  .result{padding:14px 0;border-bottom:1px solid #eef2f7}
  .result:last-child{border-bottom:0}
  .title{font-weight:700;margin:0 0 4px}
  .url{font-size:12px;color:#16a34a;margin:0 0 6px;word-break:break-all}
  .snip{margin:0}
  mark{background:var(--hit);padding:0 2px;border-radius:3px}
  a{color:#2563eb;text-decoration:none}
  a:hover{text-decoration:underline}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}