:root{
  --blue:#155eef;
  --blue-hover:#0d4fd5;
  --red:#e52525;
  --ink:#222;
  --muted:#666;
  --line:#d9dee7;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#fff}
button,input{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}

/* Logo */
.brand{display:inline-flex;align-items:center;text-decoration:none;gap:10px}
.brand-name{font-weight:800;color:var(--red);letter-spacing:-2px}
.brand-large .brand-name{font-size:56px}
.brand-small .brand-name{font-size:34px}
.paw{position:relative;display:inline-block;width:72px;height:65px;flex:0 0 auto}
.brand-small .paw{width:52px;height:47px;transform:scale(.8);transform-origin:center}
.paw i{position:absolute;display:block;background:var(--blue)}
.paw .toe{width:16px;height:23px;border-radius:50%}
.paw .t1{left:5px;top:9px;transform:rotate(-27deg)}
.paw .t2{left:23px;top:0}
.paw .t3{left:42px;top:2px}
.paw .t4{left:56px;top:16px;transform:rotate(26deg)}
.paw .pad{left:14px;top:27px;width:48px;height:37px;border-radius:48% 48% 44% 44%;transform:rotate(1deg)}

.search-home{min-height:100vh;display:grid;place-items:start center;padding-top:22vh}
.home-center{width:min(680px,calc(100% - 32px));text-align:center}
.tagline{margin:4px 0 32px;color:#7f8794;font-size:13px;letter-spacing:8px}
.search-form{display:flex;border:1px solid #9eb1d6;border-radius:6px;overflow:hidden;background:#fff}
.search-form input{min-width:0;flex:1;border:0;outline:0;padding:15px 16px;font-size:17px}
.search-form button{border:0;background:var(--blue);color:#fff;padding:0 30px;font-size:17px}
.search-form button:hover{background:var(--blue-hover)}
.home-form{position:relative}
.home-form input{padding-left:45px}
.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:22px;color:#98a4b8;pointer-events:none}

.results-page{min-height:100vh;background:#fff}
.results-header{display:flex;align-items:center;gap:26px;padding:25px 54px 20px;border-bottom:1px solid #eee}
.results-form{width:min(700px,calc(100% - 160px))}
.results-wrap{width:min(780px,calc(100% - 48px));margin:28px 0 60px 145px}
.status{font-size:13px;color:#8a8f98;margin-bottom:24px;min-height:18px}
.result-item{margin-bottom:30px}
.result-title{display:inline-block;color:#0645d7;font-size:21px;line-height:1.35;text-decoration:underline;text-underline-offset:2px}
.result-title:hover{color:#0639ad}
.result-text{margin-top:6px;max-width:760px;font-size:15px;line-height:1.7;color:#444;white-space:pre-wrap}
.result-link{margin-top:4px;color:#7a8492;font-size:13px;word-break:break-all}
.no-results{font-size:16px;color:#666;padding-top:12px}

@media(max-width:760px){
  .search-home{padding-top:18vh}
  .brand-large .brand-name{font-size:45px}
  .brand-large .paw{transform:scale(.85);margin-right:-5px}
  .search-form button{padding:0 18px}
  .results-header{padding:18px 14px;gap:10px;align-items:center}
  .brand-small .brand-name{display:none}
  .brand-small .paw{width:42px}
  .results-form{width:calc(100% - 50px)}
  .results-form input{padding:12px}
  .results-form button{padding:0 14px;font-size:14px}
  .results-wrap{width:calc(100% - 28px);margin:24px 14px 50px}
  .result-title{font-size:18px}
}