:root{color-scheme:light dark;--bg:#f7f8fa;--surface:#fff;--text:#222b39;--muted:#9299a5;--secondary:#727b89;--line:#e7eaf0;--accent:#438879;--accent-soft:#edf5f2;--shadow:0 5px 22px #26304b08;--hover:#f0f3f6;--focus:#43887966;--shortcut-width:clamp(64px,12vw,96px);--shortcut-gap:clamp(6px,1.2vw,14px);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{height:100%}body{margin:0;background:var(--bg);color:var(--text);height:100vh;height:100dvh;padding:clamp(12px,2.5vmin,28px);display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}main{width:min(100%,720px);flex:none;transform:scale(var(--page-scale,1));transform-origin:center}.intro{text-align:center;margin-bottom:clamp(16px,3.5dvh,28px)}.site-brand{margin:0 0 clamp(14px,2.5dvh,22px);display:flex;justify-content:center;align-items:center;gap:10px;font-size:clamp(22px,3vmin,28px);font-weight:550;letter-spacing:3px;line-height:1.3}.site-brand svg{flex:none;color:var(--accent)}.daily-quote{margin:0;font-size:clamp(14px,2vmin,17px);font-weight:400;letter-spacing:.4px;line-height:1.7;color:var(--secondary);overflow-wrap:anywhere;text-wrap:balance}.subtitle{min-height:16px;font-size:10px;color:var(--secondary);margin:8px 0 0;letter-spacing:.5px}#search-form{height:clamp(44px,7.5dvh,58px);border:1px solid var(--line);border-radius:34px;background:var(--surface);display:flex;align-items:center;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}#search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.engine-control{position:relative;flex:none}.engine-button{background:none;border:0;display:flex;align-items:center;gap:8px;padding:8px 15px 8px 18px;border-right:1px solid var(--line)}.engine-button>svg{color:var(--muted)}.engine-mark{font-weight:700;font-size:22px;width:25px;display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:0}.engine-mark[data-engine=google]{color:#4285f4;font-family:Arial,sans-serif}.engine-mark[data-engine=bing]{color:#239fa5}.engine-mark[data-engine=duckduckgo]{color:#de6b47;font-size:20px}.engine-mark[data-engine=baidu]{color:#5577e6;font-size:18px}#query{width:100%;min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--text);padding:0 16px;font-size:16px}#query::placeholder{color:var(--muted);font-size:14px}#query::-webkit-search-cancel-button{-webkit-appearance:none}.submit-button{margin:0 10px 0 0;width:34px;height:34px;flex:none;border:0;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;transition:background .15s,transform .15s}.submit-button:hover{background:var(--accent);color:white}.submit-button:active{transform:scale(.95)}.engine-menu{position:absolute;top:calc(100% + 12px);left:8px;z-index:5;width:230px;max-height:40dvh;overflow-y:auto;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 35px #11182715}.engine-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;background:none;border:0;border-radius:8px;text-align:left;font-size:13px}.engine-menu button:hover,.engine-menu button:focus-visible{background:var(--hover)}.engine-menu button[aria-checked=true]{background:var(--accent-soft)}.engine-menu .engine-mark{font-size:18px}.menu-command{margin-left:auto;color:var(--muted);font-size:11px}.shortcuts-section{margin:clamp(18px,4dvh,32px) auto 0;max-width:calc(6 * var(--shortcut-width) + 5 * var(--shortcut-gap))}.shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--shortcut-gap)}.shortcut{display:flex;flex:0 0 var(--shortcut-width);width:var(--shortcut-width);flex-direction:column;align-items:center;min-width:0;padding:8px 4px;border:0;background:transparent;border-radius:12px;transition:transform .15s,background .15s}.shortcut:hover{transform:translateY(-2px);background:var(--hover)}.shortcut-icon{position:relative;width:38px;height:38px;background:var(--surface);border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;margin-bottom:8px;flex:none}.shortcut-letter{font-size:17px;font-weight:550;color:var(--secondary)}.shortcut-icon img{position:absolute;width:24px;height:24px;object-fit:contain}.shortcut-icon:has(img[data-loaded]) .shortcut-letter{visibility:hidden}.shortcut-name{font-size:11px;font-weight:500;line-height:1.5;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shortcut-domain{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(prefers-color-scheme:dark){:root{--bg:#16191f;--surface:#1e222b;--text:#e4e9f0;--muted:#697482;--secondary:#9ca6b5;--line:#2b303b;--accent:#83b9a8;--accent-soft:#263831;--shadow:0 5px 22px #00000014;--hover:#272d37;--focus:#83b9a866}.engine-mark[data-engine=google]{color:#79a9f5}.engine-mark[data-engine=bing]{color:#5bbfc2}.engine-mark[data-engine=duckduckgo]{color:#ee9677}.engine-mark[data-engine=baidu]{color:#8fa7fa}}
@media(max-width:600px){.engine-button{padding-left:13px;padding-right:10px;gap:4px}#query{padding:0 12px}#query::placeholder{font-size:13px}.submit-button{margin-right:7px;width:32px;height:32px}.subtitle{letter-spacing:.2px}}
@media(max-height:420px){.site-brand{margin-bottom:10px}.site-brand svg{width:38px;height:38px}.intro{margin-bottom:14px}.subtitle{margin-top:5px}.shortcuts-section{margin-top:16px}.shortcut{padding:5px 4px}.shortcut-icon{width:34px;height:34px;margin-bottom:5px}.shortcut-icon img{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.engine-menu.menu-above{top:auto;bottom:calc(100% + 12px)}