:root{color-scheme:light dark;--bg:#fff;--fg:#202124;--muted:#70757a;--border:#dfe1e5;--shadow:0 1px 6px rgba(32,33,36,.28);--hover-bg:rgba(60,64,67,.1);--blue:#4285f4;--red:#ea4335;--yellow:#fbbc05;--green:#34a853}@media (prefers-color-scheme:dark){:root{--bg:#202124;--fg:#e8eaed;--muted:#9aa0a6;--border:#5f6368;--shadow:0 1px 6px rgba(0,0,0,.5);--hover-bg:rgba(232,234,237,.12)}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;justify-content:center;min-height:100vh;padding:20px;transition:background .2s ease,color .2s ease}.main,body{align-items:center;display:flex}.main{flex-direction:column;max-width:584px;width:100%}.logo{font-family:Arial,sans-serif;font-size:clamp(56px,12vw,88px);font-weight:500;letter-spacing:-4px;line-height:1.15;margin-bottom:36px;user-select:none}.c-blue{color:var(--blue)}.c-red{color:var(--red)}.c-yellow{color:var(--yellow)}.c-green{color:var(--green)}.search-form{width:100%}.search-box{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:24px;display:flex;height:46px;padding:0 10px 0 16px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.search-box:hover{border-color:transparent;box-shadow:var(--shadow)}.search-box:focus-within{border-color:transparent;box-shadow:var(--shadow)}.search-icon{color:var(--muted);flex-shrink:0;margin-right:12px}.search-box input{background:transparent;border:none;color:var(--fg);flex:1;font-size:16px;height:100%;min-width:0;outline:none}@media (max-width:560px){.logo{margin-bottom:28px}}