:root{color-scheme:light;--bg:#f5f5f3;--surface:#fff;--fg:#292724;--muted:#68645d;--line:#dfddd6;--default-accent:#d97757;--accent:var(--default-accent);--accent-text:#211d1a;--soft:#f1e6df;--hover:#eceae4;--error:#a32323;--ease:150ms cubic-bezier(.2,0,.2,1);--travel:240ms cubic-bezier(.16,1,.3,1);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
:root[data-theme=dark]{color-scheme:dark;--bg:#1b1b19;--surface:#242422;--fg:#eeeae3;--muted:#b4afa7;--line:#44423d;--default-accent:#e7a78f;--accent:var(--default-accent);--accent-text:#211d1a;--soft:#3b2b25;--hover:#302f2c;--error:#ffb4ad}
*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--fg);transition:background-color var(--ease),color var(--ease)}body.settings-visible{overflow:hidden}button,input,select{font:inherit;color:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button,a,summary,input,select{transition:background-color var(--ease),color var(--ease),border-color var(--ease),transform var(--travel)}button:disabled{cursor:default;opacity:.35}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent-ink,var(--accent));outline-offset:4px}::selection{background:var(--soft);color:var(--fg)}input{caret-color:var(--accent-ink,var(--accent))}input::placeholder{color:var(--muted);opacity:1}.shell{max-width:1280px;padding:0 32px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:24px;font-weight:700;letter-spacing:-.03em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:transparent;color:var(--accent-ink,var(--accent));border-radius:10px}.brand-mark svg{width:25px;height:25px}.brand-dot{color:inherit}.top-actions{display:flex;align-items:center;gap:10px}.date-line{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.icon-button{display:grid;place-items:center;width:44px;height:44px;border-radius:10px}.icon-button:hover{background:var(--hover)}.settings-button{display:flex;align-items:center;gap:8px;background:var(--soft);color:var(--fg);min-height:44px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600}.settings-button:hover{background:var(--hover)}main{width:min(100%,960px);margin:44px auto 0;flex:1}h1{font-size:52px;font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:0 0 16px;text-wrap:balance}.intro{margin:0;color:var(--muted);font-size:16px;line-height:1.6}.search-section{margin-bottom:48px}.search-panel>.search-box{margin-top:32px}.search-box{display:flex;align-items:center;gap:18px;min-height:82px;padding:12px 14px 12px 24px;background:var(--surface);border-radius:14px;transition:background-color var(--ease),outline-color var(--ease)}.search-box:focus-within{outline:2px solid var(--accent-ink,var(--accent));outline-offset:3px}.search-icon{color:var(--muted);width:23px;height:23px}#query{background:transparent;border:0;outline:0;min-width:0;flex:1;font-size:18px;width:100%;height:46px}#query:focus-visible{outline:0}.search-submit{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;background:var(--accent);color:var(--accent-text);border-radius:10px}.search-submit svg{width:24px;height:24px}kbd{font:13px "Segoe UI",sans-serif;border-radius:5px;padding:3px 7px;color:var(--muted);background:var(--hover)}.key-hint{margin-right:5px}.engines{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:20px auto 0;padding:0;border:0;min-width:0}.engine{position:relative;cursor:pointer}.engine input{position:absolute;width:1px;height:1px;opacity:0}.engine span{position:relative;display:grid;place-items:center;min-height:46px;padding:12px 21px;border-radius:10px;font-size:14px;color:var(--muted);transition:background-color var(--ease),color var(--ease)}.engine:hover span{color:var(--fg);background:var(--hover)}.engine input:checked+span{color:var(--accent-text);font-weight:600;background:transparent}.engine input:checked+span:hover{color:var(--accent-text)}.engines:not(.has-indicator) .engine input:checked+span{background:var(--accent)}.engine input:focus-visible+span{outline:2px solid var(--accent-ink,var(--accent));outline-offset:4px}.engine-track{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.engine-indicator{position:absolute;top:0;left:0;pointer-events:none;background:var(--accent);border-radius:10px;opacity:0;transition:transform var(--travel),width var(--travel),background-color var(--ease)}.has-indicator .engine-indicator{opacity:1}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}h2{font-size:19px;margin:0;font-weight:600;line-height:1.4}h2 span{font-size:14px;color:var(--muted);font-weight:400;margin-left:10px}.section-actions{display:flex;gap:8px}.text-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:14px}.text-button svg{width:17px;height:17px}.text-button:hover{background:var(--hover);color:var(--fg)}.shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px}.shortcut{min-width:0}.shortcut-link{display:flex;gap:14px;align-items:center;padding:15px 10px;border-radius:12px;min-height:88px;transition:transform var(--travel),background-color var(--ease)}.shortcut-link:hover{background:var(--hover)}.site-badge{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#fff;color:#365f91;font-size:18px;font-weight:600;flex-shrink:0}.site-favicon{position:absolute;inset:0;margin:auto;width:29px;height:29px;object-fit:contain;opacity:0;transition:opacity var(--ease),transform var(--travel)}.site-favicon.loaded{opacity:1}.site-copy{min-width:0}.site-name{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-domain{display:block;font-size:13px;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{font-size:14px;color:var(--muted);padding:24px 0;line-height:1.6}.shell>footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0;font-size:13px;color:var(--muted);line-height:1.6}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:13px 20px;border-radius:10px;font-size:14px;max-width:calc(100% - 32px);z-index:10;pointer-events:none}body.settings-visible .notice{display:none}.error{font-size:14px;color:var(--error);margin:12px 0 0;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 设置抽屉使用浏览器原生模态焦点管理。 */
#settings-dialog{position:fixed;inset:0 0 0 auto;width:480px;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;padding:0;background:var(--surface);color:var(--fg);overflow:hidden}#settings-dialog::backdrop{background:#101c2466}.settings-panel{height:100%;display:flex;flex-direction:column}.settings-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px 28px 20px;flex-shrink:0}.settings-header h2{font-size:28px;letter-spacing:-.025em}.settings-header p{font-size:14px;color:var(--muted);margin:8px 0 0}.settings-content{padding:8px 28px 28px;overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-color:var(--line) transparent}.settings-section{position:relative;margin:16px 0 36px}.settings-section h3{font-size:16px;font-weight:600;margin:0 0 16px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;min-height:76px}.setting-row>span{min-width:0;flex:1}.setting-row strong{display:block;font-size:14px;font-weight:600}.setting-row small{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:6px}select{background:var(--bg);border:0;border-radius:8px;min-height:44px;padding:8px 28px 8px 10px;font-size:14px;max-width:155px;cursor:pointer}.switch{appearance:none;position:relative;width:44px;height:26px;min-width:44px;margin:0;background:var(--muted);border:0;border-radius:20px;cursor:pointer;transition:background-color var(--ease)}.switch::after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;background:var(--surface);border-radius:50%;transition:transform var(--travel)}.switch:checked{background:var(--accent)}.switch:checked::after{background:var(--accent-text);transform:translateX(18px)}.settings-section .section-heading{margin-bottom:8px}.settings-section .section-heading h3{margin:0}.count-label{font-size:13px;color:var(--muted)}.section-description{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 16px}.manager-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:10px 0}.manager-copy{min-width:0;flex:1}.manager-copy strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.manager-copy small{display:block;font-size:13px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.manager-actions{display:flex;gap:1px;flex-shrink:0}.manager-action{display:grid;place-items:center;width:34px;height:44px;border-radius:8px}.manager-action svg{width:16px;height:16px}.manager-action:hover:not(:disabled){background:var(--hover)}.manager-action[data-action=remove]{color:var(--error)}#add-panel{margin-top:12px;background:var(--bg);border-radius:12px;padding:8px 16px}summary{display:flex;align-items:center;gap:8px;list-style:none;color:var(--accent-ink,var(--accent));font-size:14px;font-weight:600;min-height:44px;cursor:pointer}summary::-webkit-details-marker{display:none}summary svg{width:18px;height:18px}#add-form{padding:12px 0 10px}.add-fields{display:grid;gap:16px}.add-fields label{display:grid;gap:8px;font-size:14px;min-width:0}.add-fields input{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;height:46px;padding:10px 12px;font-size:16px}.form-actions{display:flex;gap:10px;justify-content:flex-end}.primary-button{background:var(--accent);color:var(--accent-text);min-height:44px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600}.settings-note{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.settings-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg);padding:16px 28px;flex-shrink:0}.settings-bottom span{font-size:13px;color:var(--muted)}
/* 动效只描述入场、选中与控件反馈，不循环播放。 */
.search-section{animation:arrive 440ms cubic-bezier(.16,1,.3,1)}.shortcuts-section{animation:arrive 520ms cubic-bezier(.16,1,.3,1)}.search-submit svg,.icon-button svg,summary svg{transition:transform var(--travel)}[data-theme=dark] #theme-toggle svg{transform:rotate(30deg)}details[open]>summary svg{transform:rotate(45deg)}details[open] #add-form{animation:arrive 220ms ease-out}#settings-dialog[open]{animation:drawer-in 260ms cubic-bezier(.16,1,.3,1)}#settings-dialog[open]::backdrop{animation:veil-in 180ms ease-out}button:active,.shortcut-link:active{transform:scale(.97)}.notice:not([hidden]){animation:arrive 180ms ease-out}@media(hover:hover){.shortcut-link:hover{transform:translateY(-3px)}.shortcut-link:hover .site-favicon{transform:scale(1.08)}.search-submit:hover svg{transform:translateX(3px)}}@keyframes arrive{from{opacity:.65;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes drawer-in{from{opacity:.8;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes veil-in{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){main{margin-top:72px}}@media(max-width:900px){.shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.date-line{font-size:13px;gap:8px}h1{font-size:44px}.shell{padding:0 28px}main{margin-top:32px}}@media(max-width:600px){html{scrollbar-gutter:auto}.shell{padding:0 20px}.topbar{height:84px;gap:12px;flex-wrap:wrap}.topbar>.date-line{display:none}.brand{font-size:22px}.brand-mark{width:32px;height:32px}.top-actions{gap:3px}.settings-button{padding:10px 12px}main{margin-top:30px}h1{font-size:32px;margin-bottom:12px}.intro{font-size:14px}.search-panel>.search-box{margin-top:28px}.search-box{min-height:70px;gap:10px;padding:10px 10px 10px 15px}.search-icon{width:20px;height:20px}#query{font-size:16px}.key-hint{display:none}.search-submit{width:46px;height:46px}.engines{gap:6px;margin-top:20px}.engine span{font-size:13px;padding:11px 10px;min-height:44px}.search-section{margin-bottom:36px}.section-heading{margin-bottom:16px;gap:8px}h2{font-size:18px}.section-actions{gap:0}.text-button{font-size:13px;padding:10px 8px}.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 12px}.shortcut-link{gap:10px;padding:10px 0;min-height:78px}.site-badge{width:42px;height:42px;border-radius:12px}.site-favicon{width:26px;height:26px}.site-name{font-size:14px}.site-domain{font-size:13px}.shell>footer{margin-top:40px;flex-direction:column;gap:8px;align-items:center;font-size:13px}.settings-header{padding:24px 20px 20px}.settings-content{padding:0 20px 24px}.settings-bottom{padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom))}#settings-dialog{width:100%}.setting-row{gap:14px}.setting-row small{font-size:13px}.manager-action{width:32px}.manager-actions{gap:0}.settings-section{margin-bottom:30px}select{max-width:140px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.shortcut-link:hover,.shortcut-link:hover .site-favicon,.search-submit:hover svg,button:active,.shortcut-link:active{transform:none}}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}[data-motion=off] .shortcut-link:hover,[data-motion=off] .shortcut-link:hover .site-favicon,[data-motion=off] .search-submit:hover svg,[data-motion=off] button:active{transform:none}

/* 自定义壁纸按所选方式适配视口；文字区域保持不透明主题底色，保证任意图片上的可读性。 */
body{isolation:isolate}#page-background{position:fixed;inset:0;z-index:-1;background-position:center;background-size:var(--background-fit,cover);background-repeat:no-repeat;pointer-events:none}#page-background::after{content:"";position:absolute;inset:0;background:#101c2433}body:not(.has-background) #page-background{display:none}.has-background .shell{padding-top:16px}.has-background .topbar{padding:0 24px;background:var(--bg);border-radius:16px}.has-background main{padding:32px;background:var(--bg);border-radius:20px;margin-top:24px}.has-background .shell>footer{padding:16px 24px;margin:24px 0;background:var(--bg);border-radius:14px}.background-preview{margin:16px 0;background:var(--bg);border-radius:12px;overflow:hidden}.background-preview img{display:block;width:100%;height:132px;object-fit:cover}.background-preview span{display:block;padding:10px 12px;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.background-message{margin:14px 0 0;min-height:22px}.background-actions button:disabled{opacity:.5}
@media(max-width:600px){.has-background .shell{padding-top:12px}.has-background .topbar{padding:0 12px}.has-background main{padding:20px 16px;margin-top:20px}.has-background .shell>footer{padding:16px;margin-top:24px}}

#background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--background-fit,cover);object-position:center}.library-path-hint{font-size:13px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere;margin:0 0 16px}.library-search{display:block;margin:16px 0 12px}.library-search input{width:100%;min-width:0;height:44px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:16px}.library-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-color:var(--line) transparent}.library-results:empty{display:none}.library-item{display:flex;flex-direction:column;gap:8px;text-align:left;min-width:0;padding:8px;border-radius:12px;background:var(--bg)}.library-item:hover:not(:disabled){background:var(--hover)}.library-item[aria-pressed=true]{background:var(--soft);outline:2px solid var(--accent-ink,var(--accent));outline-offset:0}.library-cover{display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:var(--surface);border-radius:8px;overflow:hidden;font-size:13px;color:var(--muted)}.library-cover img{display:block;width:100%;height:100%;object-fit:cover}.library-item strong{font-size:14px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.library-item small{font-size:13px;color:var(--muted);line-height:1.5}.library-item:disabled{opacity:.5}
.background-adjustment .range-control{flex:0 0 144px;display:grid;gap:4px;justify-items:end}.range-control output{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.range-control input{width:100%;height:44px;margin:0;accent-color:var(--accent-ink,var(--accent));cursor:pointer}#page-background{filter:brightness(var(--background-brightness,1)) blur(var(--background-blur,0px))}@media(max-width:360px){.background-adjustment .range-control{flex-basis:112px}}
.range-control input{appearance:none;background:transparent}.range-control input::-webkit-slider-runnable-track{height:4px;background:var(--muted);border-radius:2px}.range-control input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;border:0;border-radius:50%;background:var(--accent)}.range-control input::-moz-range-track{height:4px;background:var(--muted);border-radius:2px}.range-control input::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--accent)}
#library-directory-name{margin-top:12px}
/* 壁纸上的液态玻璃面板：原生模糊、透色与边缘高光，不运行逐帧脚本。 */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .has-background .glass-module::before{--fg:var(--glass-fg,#23211d);--muted:var(--glass-muted,#38342f);--accent:var(--custom-accent,var(--default-accent));--surface:rgb(255 255 255 / .5);--hover:rgb(255 255 255 / .28);color:var(--fg);background:radial-gradient(ellipse at 0 0,rgb(255 255 255 / var(--glass-glint-a,.32)),transparent 55%),radial-gradient(ellipse at 100% 100%,rgb(255 255 255 / var(--glass-glint-b,.12)),transparent 45%),rgb(var(--glass-tint,248 247 244) / var(--glass-opacity,.64));border:1px solid rgb(255 255 255 / .64);box-shadow:inset 0 1px 0 rgb(255 255 255 / .75),inset 0 -1px 0 rgb(255 255 255 / .2),0 16px 48px rgb(7 18 28 / .12);-webkit-backdrop-filter:blur(var(--glass-blur,24px)) saturate(135%);backdrop-filter:blur(var(--glass-blur,24px)) saturate(135%);transition:background-color var(--ease),border-color var(--ease),box-shadow var(--ease),color var(--ease)}
  [data-theme=dark] .has-background .glass-module::before{--fg:var(--glass-fg,#f4f0e9);--muted:var(--glass-muted,#ede7dd);--accent:var(--custom-accent,var(--default-accent));--surface:rgb(13 21 29 / .6);--hover:rgb(0 0 0 / .16);background:radial-gradient(ellipse at 0 0,rgb(255 255 255 / var(--glass-glint-a,.08)),transparent 55%),radial-gradient(ellipse at 100% 100%,rgb(255 255 255 / var(--glass-glint-b,.04)),transparent 45%),rgb(var(--glass-tint,28 27 25) / var(--glass-opacity,.76));border-color:rgb(255 255 255 / .22);box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),inset 0 -1px 0 rgb(255 255 255 / .06),0 16px 48px rgb(0 0 0 / .24)}
  @media(max-width:600px){.has-background .glass-module::before{-webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(125%);backdrop-filter:blur(var(--glass-blur,16px)) saturate(125%)}}
}
@media(prefers-reduced-transparency:reduce){.has-background .glass-module::before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}}
.color-control{width:56px;height:44px;flex-shrink:0;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:8px;cursor:pointer}.range-control input::-webkit-slider-thumb{border:1px solid var(--accent-ink,var(--accent))}.range-control input::-moz-range-thumb{border:1px solid var(--accent-ink,var(--accent))}
/* 时钟与每日短句沿用玻璃面板的文字和强调色。 */
.topbar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"brand clock actions"}.topbar>.brand{grid-area:brand;justify-self:start}.top-actions{grid-area:actions;justify-self:end}.topbar>.date-line{grid-area:clock;display:flex;flex-direction:column;gap:5px;align-items:center;justify-self:center;color:var(--fg)}#clock{font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.calendar-line{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:var(--muted)}.weekday{padding:1px 6px;border-radius:5px;background:var(--hover)}.shell>.quote-widget{flex-direction:row;align-items:center;gap:24px}.quote-copy{flex:1;min-width:0}#quote-text{font-size:14px;line-height:1.8;margin:0;color:var(--fg);overflow-wrap:anywhere;text-wrap:pretty}.quote-source{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}#quote-next{flex-shrink:0}#quote-next svg{width:18px;height:18px}
@media(max-width:600px){.topbar{height:auto;min-height:108px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "clock clock";gap:10px 12px;padding:12px 0}.has-background .topbar{padding:12px}.topbar>.date-line{display:flex;flex-direction:row;gap:12px;padding-top:2px}#clock{font-size:24px}.calendar-line{font-size:13px;gap:6px}.shell>.quote-widget{gap:12px;align-items:center}#quote-text{font-size:14px}.quote-source{margin-top:4px}#quote-next{padding-left:8px;padding-right:8px}}
/* 搜索优先；网站入口和热点并排，手机自然纵向排列。 */
main{max-width:1120px;width:min(100%,1120px);flex:0 0 auto}h1{font-size:40px}.intro{font-size:15px}.search-panel>.search-box{margin-top:24px}.search-section{margin-bottom:28px}.search-box{min-height:74px;padding-top:10px;padding-bottom:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.dashboard-grid .shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.dashboard-grid .shortcut-link{min-height:76px;padding:10px 4px}.dashboard-grid .section-heading{margin-bottom:12px}.has-background main{padding:28px;margin-bottom:24px}.has-background .shell>footer{margin-top:auto}.hot-sources{display:flex;gap:8px}.hot-sources button{min-height:44px;padding:8px 18px;border-radius:8px;color:var(--muted);font-size:14px}.hot-sources button:hover{background:var(--hover)}.hot-sources button[aria-pressed=true]{background:var(--accent);color:var(--accent-text);font-weight:600}.hot-status{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0 4px;min-height:20px}.hot-list{list-style:none;margin:0;padding:0;min-height:260px}.hot-link{display:flex;align-items:center;gap:12px;min-height:52px;padding:5px 8px;border-radius:8px}.hot-link:hover{background:var(--hover)}.hot-rank{flex:0 0 22px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.hot-title{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.hot-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1.6;color:var(--muted);min-height:24px}.hot-meta a{display:inline-flex;align-items:center;gap:4px;min-height:32px;text-underline-offset:3px}.hot-meta a:hover,.quote-source[href]:hover{text-decoration:underline}.hot-meta svg{width:14px;height:14px}.quote-source{display:block}.search-box{position:relative;transition:background-color var(--ease),outline-color var(--ease),box-shadow var(--ease)}.search-focused .search-box{background:var(--bg);outline:2px solid var(--accent-ink,var(--accent));outline-offset:2px;box-shadow:0 0 20px 5px color-mix(in srgb,var(--accent) 36%,transparent)}.search-focused :is(.topbar,.quote-widget,.floating-actions),.search-focused main>:not(.search-section),.search-focused .search-section>:not(#search-form),.search-focused #search-form>:not(.search-panel){filter:blur(6px)}.search-focused #page-background::after{opacity:1}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr;gap:28px}.dashboard-grid .shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){h1{font-size:32px}.intro{font-size:14px}.has-background main{padding:20px 16px}.dashboard-grid .shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.hot-sources button{flex:1}.search-focused :is(.topbar,.quote-widget,.floating-actions),.search-focused main>:not(.search-section),.search-focused .search-section>:not(#search-form),.search-focused #search-form>:not(.search-panel){filter:blur(4px)}}
.search-section h1{margin-bottom:10px}.search-section .engines{margin-top:16px}.hot-list{min-height:240px}.hot-link{height:48px;min-height:48px;padding-top:3px;padding-bottom:3px}.quote-source{overflow-wrap:anywhere}.search-focused .search-box{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 0 32px 8px color-mix(in srgb,var(--accent) 45%,transparent)}
/* 电脑端按窗口高度收紧留白，保留全部内容和按钮点击区域。 */
@media(min-width:1001px){
  .topbar{height:68px;flex-shrink:0}.topbar>.date-line{gap:2px}#clock{font-size:26px}
  .shell{row-gap:16px;padding-top:12px;padding-bottom:12px}.has-background .shell{padding-top:12px}
  main,.has-background main{margin-top:auto;margin-bottom:auto}.has-background main{padding:24px}.shell>.quote-widget,.has-background .shell>.quote-widget{margin:0;padding-top:12px;padding-bottom:12px}
}
/* 操作反馈共用节奏；拖动浮层不占据页面布局。 */
:root{--ease:180ms cubic-bezier(.16,1,.3,1)}
#clock{font-size:34px}
.site-badge{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.site-badge img{user-select:none;-webkit-user-drag:none}.dragging-shortcut{user-select:none;cursor:grabbing}.dragging-shortcut .site-badge{cursor:grabbing}.shortcut.is-dragging{opacity:.25}.drag-ghost{position:fixed;top:0;left:0;z-index:30;pointer-events:none;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 32px #0003}.drag-ghost .shortcut-link{transform:scale(1.025);background:none}.shortcut-dropzone{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;min-width:240px;min-height:64px;padding:14px 24px;border:2px dashed var(--muted);border-radius:14px;background:var(--surface);color:var(--fg);font-size:14px;z-index:25;transition:background-color var(--ease),color var(--ease),border-color var(--ease),box-shadow var(--ease)}.shortcut-dropzone.is-over{border-color:var(--error);color:var(--error);box-shadow:0 8px 28px #0003}.notice button{pointer-events:auto;color:inherit;text-decoration:underline;min-height:44px;margin-left:12px;padding:8px}
.topbar,.quote-widget,.dashboard-grid,.search-section>h1,.search-section>.intro,.engines{transition:filter var(--ease),background-color var(--ease),border-color var(--ease),box-shadow var(--ease),color var(--ease)}#page-background{transition:filter var(--ease)}.hot-link{transition:background-color var(--ease),color var(--ease)}.brand-mark svg{transition:transform var(--travel)}
@media(hover:hover){.brand:hover .brand-mark svg{transform:rotate(12deg)}.hot-sources button:hover:not([aria-pressed=true]){color:var(--fg)}}
@media(max-width:600px){#clock{font-size:30px}}
@media(prefers-reduced-motion:reduce){.brand:hover .brand-mark svg,.drag-ghost .shortcut-link{transform:none}}
[data-motion=off] .brand:hover .brand-mark svg,[data-motion=off] .drag-ghost .shortcut-link{transform:none}
.bookmarks-help{margin:12px 0}.bookmarks-help summary{font-size:13px}.bookmarks-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.bookmarks-list{max-height:300px;overflow-y:auto;overscroll-behavior:contain;margin:8px 0 16px;scrollbar-color:var(--line) transparent}.bookmark-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 8px;border-radius:8px;cursor:pointer}.bookmark-row:hover{background:var(--hover)}.bookmark-row input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent-ink,var(--accent));margin:0}.bookmark-row>span{min-width:0}.bookmark-row strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.bookmark-row small{display:block;font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.bookmark-row:has(input:disabled){cursor:default}

@media(min-width:1001px) and (max-height:1000px){
  .has-background main{padding:20px}h1{font-size:34px}.search-panel>.search-box{margin-top:16px}.search-box{min-height:66px;padding-top:6px;padding-bottom:6px}.search-section .engines{margin-top:10px}.search-section{margin-bottom:20px}
  .hot-section{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}.hot-section>.section-heading{grid-column:1;grid-row:1;margin:0}.hot-sources{grid-column:2;grid-row:1;gap:4px}.hot-sources button{padding:8px 12px}.hot-status{grid-column:1/-1;margin:8px 0 4px}.hot-list{grid-column:1/-1}.hot-meta{grid-column:2;gap:8px;margin-top:4px;flex-wrap:wrap;justify-content:flex-end}.dashboard-grid .shortcut-link{min-height:72px}
}
@media(min-width:1001px) and (max-height:800px){
  .topbar{height:60px}.topbar>.date-line{flex-direction:row;gap:12px}.shell{row-gap:12px;padding-top:8px;padding-bottom:8px}.has-background .shell{padding-top:8px}.has-background main{padding:16px}h1{font-size:30px}.search-section h1{margin-bottom:6px}.search-panel>.search-box{margin-top:12px}.search-section{margin-bottom:12px}.search-section .engines{margin-top:6px}.hot-status{margin-top:4px}.hot-list{min-height:220px}.hot-link{height:44px;min-height:44px;padding-top:1px;padding-bottom:1px}.dashboard-grid .shortcut-link{min-height:64px;padding-top:8px;padding-bottom:8px}.search-panel>.search-box{margin-top:8px}.search-box{min-height:58px;padding-top:4px;padding-bottom:4px}.search-submit{width:44px;height:44px}#query{height:44px}.has-background .shell>.quote-widget{padding-top:8px;padding-bottom:8px}
}
/* 每页预留十个位置，翻页与新增入口不撑高主面板。 */
.shortcuts-section{position:relative}.shortcuts-section>#empty-state{position:absolute;top:64px;left:0;right:0;margin:0;padding:20px 4px}
.dashboard-grid .shortcuts{grid-template-rows:repeat(5,48px)}.dashboard-grid .shortcut-link{height:48px;min-height:48px;padding:0 4px}.dashboard-grid .site-badge{width:40px;height:40px;border-radius:11px}.dashboard-grid .site-domain{margin-top:3px}
.shortcut-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;min-height:44px}.shortcut-pagination>span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.shortcut-pagination .drag-page-target:not(:disabled){background:var(--soft);color:var(--accent-ink,var(--accent));outline:2px solid var(--accent-ink,var(--accent));outline-offset:-2px}.dragging-shortcut .shortcut-link{pointer-events:none}.dragging-shortcut .shortcut-pagination{user-select:none}
@media(min-width:1001px) and (max-height:800px){.dashboard-grid .shortcuts{grid-template-rows:repeat(5,44px);row-gap:4px}.dashboard-grid .shortcut-link{height:44px;min-height:44px}}
@media(min-width:601px) and (max-width:1000px){.dashboard-grid .shortcuts{grid-template-rows:repeat(3,76px)}.dashboard-grid .shortcut-link{height:76px;min-height:76px}}
@media(max-width:600px){.dashboard-grid .shortcuts{grid-template-rows:repeat(5,76px)}.dashboard-grid .shortcut-link{height:76px;min-height:76px}}
/* 与搜索引擎共用滑动选中层和过渡节奏。 */
.hot-sources{position:relative;isolation:isolate}.hot-sources button{position:relative}.hot-sources.has-indicator button[aria-pressed=true]{background:transparent}.hot-sources .hot-indicator{border-radius:8px}
.topbar>.date-line{flex-direction:row;gap:14px}.topbar .calendar-line{flex-direction:column;gap:2px;align-items:flex-start}#clock{font-size:46px;line-height:1;font-weight:650;letter-spacing:-.04em}.topbar .weekday{background:transparent;padding:0}
@media(max-width:600px){#clock{font-size:36px}.topbar .calendar-line{flex-direction:row;align-items:center;gap:6px}}
/* 大面积模糊直接切换状态，避免视频与折射叠加时逐帧重算滤镜。 */
.topbar,.quote-widget,.dashboard-grid,.search-section>h1,.search-section>.intro,.engines{transition:background-color var(--ease),border-color var(--ease),box-shadow var(--ease),color var(--ease)}#page-background{transition:none}
.hot-list{height:240px;min-height:240px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;scrollbar-gutter:stable}.hot-meta{grid-column:1/-1;min-height:44px;margin-top:8px;justify-content:space-between}.hot-list:focus-visible{outline-offset:2px}
@media(min-width:1001px) and (max-height:800px){.hot-list{height:220px;min-height:220px}}
/* 分隔线只辅助扫读，不改变条目尺寸和拖动命中区域。 */
.shortcuts>.shortcut,.hot-list>li{position:relative}.shortcuts>.shortcut::after,.hot-list>li:not(:last-child)::after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 12%,transparent) 18%,color-mix(in srgb,var(--fg) 12%,transparent) 82%,transparent);pointer-events:none}
/* 搜索渐进聚焦；壁纸只淡入固定模糊层，不逐帧改变全屏模糊半径。 */
.topbar,.quote-widget,.dashboard-grid,.search-section>h1,.search-section>.intro,.engines,#search-error{transition:filter var(--travel),background-color var(--ease),border-color var(--ease),box-shadow var(--ease),color var(--ease)}
#page-background::before{content:"";position:absolute;inset:0;z-index:1;background:#101c2433;pointer-events:none}#page-background::after{z-index:2;background:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--travel)}
@supports(transition-behavior:allow-discrete){
  #settings-dialog{opacity:0;transform:translateX(18px);transition:opacity var(--ease),transform var(--travel),display var(--travel) allow-discrete,overlay var(--travel) allow-discrete}
  #settings-dialog[open]{opacity:1;transform:none;animation:none}
  #settings-dialog:not([open]){pointer-events:none}
  #settings-dialog::backdrop{background:#101c2400;transition:background-color var(--ease),display var(--travel) allow-discrete,overlay var(--travel) allow-discrete}
  #settings-dialog[open]::backdrop{background:#101c2466;animation:none}
  @starting-style{#settings-dialog[open]{opacity:0;transform:translateX(18px)}#settings-dialog[open]::backdrop{background:#101c2400}}
}
/* 外层只负责原有位置，各功能用独立表面承托，伪元素不占布局空间。 */
.glass-module{position:relative;isolation:isolate;--module-inset:-6px -12px}
.glass-module::before{content:"";position:absolute;inset:var(--module-inset);z-index:-1;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 20px rgb(7 18 28 / .04);pointer-events:none}
/* 默认背景保持平面布局，自定义壁纸使用独立玻璃表面。 */
body:not(.has-background) .glass-module::before{background:transparent;border-color:transparent;box-shadow:none}
body:not(.has-background) .search-box::before{background:var(--surface)}
.has-background :is(.topbar,main,.shell>.quote-widget){background:transparent;border:1px solid transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.brand{--module-inset:-8px -12px}.date-line{--module-inset:-6px -12px}.intro-module{width:fit-content;max-width:100%;--module-inset:-4px -12px}.search-box{--module-inset:0}.search-box.glass-module{background:transparent}.engines{width:fit-content;max-width:100%;--module-inset:0 -4px}
.quote-copy{--module-inset:-8px}.quote-widget>#quote-next{--module-inset:0}
.floating-actions{position:fixed;top:18px;right:20px;z-index:15;gap:8px;--module-inset:-6px}
.intro-module,.floating-actions{transition:filter var(--travel),color var(--ease)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .has-background .glass-module{--fg:var(--glass-fg,#23211d);--muted:var(--glass-muted,#38342f);--accent:var(--custom-accent,var(--default-accent));--surface:rgb(255 255 255 / .5);--hover:rgb(255 255 255 / .28);color:var(--fg)}
  [data-theme=dark] .has-background .glass-module{--fg:var(--glass-fg,#f4f0e9);--muted:var(--glass-muted,#ede7dd);--accent:var(--custom-accent,var(--default-accent));--surface:rgb(13 21 29 / .6);--hover:rgb(0 0 0 / .16)}
}
@media(max-width:600px){.topbar{grid-template-rows:44px 38px}.floating-actions{top:18px;right:20px}.glass-module{--module-inset:-6px -8px}.search-box,.quote-widget>#quote-next{--module-inset:0}.engines{--module-inset:0 -4px}.floating-actions{--module-inset:-6px}.intro-module{--module-inset:-4px -8px}}
@media(max-width:360px){.floating-actions .settings-button{font-size:0;gap:0;padding:10px 12px}}

/* 标题和搜索共用一层玻璃，聚焦时仅模糊标题内容。 */
#search-form{margin-top:0}.search-panel{--module-inset:-12px -12px -4px}.has-background .search-panel>.search-box{background:transparent}.has-background.search-focused .search-panel>.search-box{background:var(--bg)}.search-focused .intro-module{filter:blur(6px)}
@media(max-width:600px){.search-panel{--module-inset:-8px -8px -6px}.search-focused .intro-module{filter:blur(4px)}}
/* 壁纸上的阅读区域对齐，工具留在窗口边缘。 */
.shell>.brand{position:fixed;top:22px;left:24px;z-index:15;transition:filter var(--travel),color var(--ease)}
.search-focused .shell>.brand{filter:blur(6px)}
.topbar>.date-line{flex-direction:column;gap:4px}
#clock{font-size:48px;font-weight:500;letter-spacing:-.03em;line-height:1}
.topbar .calendar-line{flex-direction:row;gap:8px;align-items:baseline;font-size:12px;letter-spacing:.02em}
.has-background .search-box{border-radius:22px;outline:1px solid rgb(255 255 255 / .38);outline-offset:-1px}
.search-submit{border-radius:50%;transition:transform var(--travel),background-color var(--ease),box-shadow var(--ease)}
.search-submit svg{transition:transform var(--travel)}
.hot-title-group{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
.hot-title-group h2{flex-shrink:0}
#hot-updated{font-size:11px;line-height:1.5;color:var(--muted);white-space:nowrap}
#hot-updated:empty{display:none}
.hot-meta{justify-content:flex-end}
.refresh-button svg,#quote-next svg{width:18px;height:18px;stroke-width:1.8;transition:transform var(--travel)}
.refresh-button:disabled svg{opacity:.6}
.shell>.quote-widget,.has-background .shell>.quote-widget{width:fit-content;max-width:min(100%,640px);gap:10px;padding:8px 0;align-self:flex-start}
#quote-text{font-size:13px;line-height:1.65}.quote-source{font-size:12px;margin-top:2px}
#quote-next{width:36px;min-width:36px;height:36px;padding:8px}
.has-background .wallpaper-ink{--fg:var(--wallpaper-text,#fff);--muted:var(--wallpaper-text,#fff);color:var(--fg);text-shadow:0 1px 3px var(--wallpaper-outline,#0009)}
.has-background .wallpaper-ink button{color:inherit}
@media(min-width:1001px){
 .has-background .dashboard-grid{align-items:stretch}
 .has-background .shortcuts-section{display:flex;flex-direction:column}
 .has-background .shortcut-pagination{margin-top:auto}
 .hot-section>.section-heading{gap:4px}.hot-title-group{gap:6px}
}
@media(hover:hover){.search-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .14)}.search-submit:hover svg{transform:translateX(2px)}.refresh-button:hover svg{transform:rotate(55deg)}}
@media(max-width:600px){.shell>.brand{top:22px;left:20px}.search-focused .shell>.brand{filter:blur(4px)}.topbar{grid-template-rows:44px 58px}#clock{font-size:38px}.has-background .search-box{border-radius:20px}.shell>.quote-widget,.has-background .shell>.quote-widget{max-width:100%;gap:6px}#quote-text{font-size:12px}.quote-source{font-size:11px}}
@media(prefers-reduced-motion:reduce){.search-submit:hover,.refresh-button:hover svg{transform:none}}
[data-motion=off] .search-submit:hover,[data-motion=off] .refresh-button:hover svg{transform:none}
/* 一言固定在窗口底部，正文与出处横排。 */
.shell,.has-background .shell{padding-bottom:64px}
.shell>.quote-widget,.has-background .shell>.quote-widget{position:fixed;left:24px;bottom:max(8px,env(safe-area-inset-bottom));z-index:12;width:fit-content;max-width:calc(100% - 48px);margin:0;padding:0;gap:8px;border:0}
.quote-copy{display:flex;align-items:baseline;gap:10px;min-width:0}
#quote-text{min-width:0;max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quote-source{max-width:240px;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.shell>.quote-widget,.has-background .shell>.quote-widget{left:16px;max-width:calc(100% - 32px);gap:4px}.quote-copy{gap:6px}.quote-source{max-width:90px;flex-shrink:0}#quote-text{flex:1}}
/* 搜索引擎按需横向展开，不挤动下方内容。 */
.engine-picker{position:relative;z-index:5;isolation:isolate;width:110px;max-width:100%;height:44px;margin:12px auto 0;overflow:hidden;border-radius:14px;--module-inset:0;transition:width 340ms cubic-bezier(.22,1,.36,1),filter var(--travel)}
.engine-picker.is-open{width:380px}
body:not(.has-background) .engine-picker::before{background:var(--soft)}
.engine-toggle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:10px 16px;border-radius:14px;font-size:13px;color:var(--accent-ink,var(--accent));white-space:nowrap;opacity:1;visibility:visible;transition:opacity 180ms 100ms,visibility 0s}
.engine-toggle svg{width:15px;height:15px}
.engine-picker.is-open .engine-toggle{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 100ms,visibility 100ms}
.engine-picker :is(.engines,.hot-sources,.category-options){position:absolute;inset:0;margin:0;width:100%;max-width:none;height:44px;padding:0 4px;gap:6px;flex-wrap:nowrap;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-8px);transition:opacity 120ms,transform 280ms cubic-bezier(.22,1,.36,1),visibility 280ms}
.engine-picker.is-open :is(.engines,.hot-sources,.category-options){visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity 220ms 80ms,transform 300ms cubic-bezier(.22,1,.36,1),visibility 0s}
.engine-picker .engine{flex-shrink:0}.engine-picker .engine span{white-space:nowrap}.engine-picker .engine input:focus-visible+span{outline-offset:-3px}
.notice:not([hidden]){animation:none}
@media(min-width:1001px) and (max-height:800px){.engine-picker{margin-top:6px}}
@media(max-width:600px){.engine-picker{margin-top:14px}.engine-picker :is(.engines,.hot-sources,.category-options){gap:2px}.engine-picker .engine span{padding:10px 8px;font-size:12px}}

/* 热点来源沿用同一块伸展底板，预留宽度保持标题和刷新按钮稳定。 */
.hot-source-slot{display:flex;justify-content:flex-end;width:180px;max-width:100%}
.source-picker.engine-picker{width:88px;margin:0}
.source-picker.engine-picker.is-open{width:180px}
.source-picker .hot-sources button{flex:1;min-width:0;padding:8px 12px;white-space:nowrap}
.source-picker .hot-sources button:focus-visible{outline-offset:-3px}
@media(max-width:1000px){.hot-source-slot{margin-left:auto}}
/* Open Claude UI 的暖表面、精细轮廓与轻反馈，保持原有布局。 */
:root{--ease:150ms cubic-bezier(.2,0,.2,1);--control-radius:10px}
h1{font-weight:550;letter-spacing:-.03em}
h2{font-weight:600;letter-spacing:-.015em}
.brand{font-weight:650}.brand-mark{border-radius:11px}
.icon-button,.settings-button,.text-button,.primary-button{border-radius:var(--control-radius)}
.settings-button{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.search-box,.has-background .search-box{border-radius:20px}
body:not(.has-background) .search-box{box-shadow:inset 0 0 0 1px var(--line),0 4px 18px rgb(32 28 23 / .025)}
.search-box{transition:background-color var(--ease),outline-color var(--travel),box-shadow var(--travel)}
body.search-focused .search-box{box-shadow:inset 0 0 0 1px var(--line),0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 0 32px 8px color-mix(in srgb,var(--accent) 45%,transparent)}
.engine-picker{border-radius:999px}.engine-picker::before,.engine-toggle{border-radius:inherit}
.engine-picker .engine-indicator,.engine-picker .engine span,.source-picker .hot-sources button{border-radius:999px}
.site-badge{color:#91432e}
.shortcut-link,.hot-link{border-radius:10px}
.hot-link:hover,.shortcut-link:hover{background:color-mix(in srgb,var(--fg) 5%,transparent)}
.shortcuts>.shortcut::after,.hot-list>li:not(:last-child)::after{opacity:.7}
.has-background .glass-module::before{box-shadow:inset 0 1px 0 rgb(255 255 255 / .45),0 6px 24px rgb(28 24 20 / .1);border-color:rgb(255 255 255 / .5)}
[data-theme=dark] .has-background .glass-module::before{box-shadow:inset 0 1px 0 rgb(255 255 255 / .12),0 8px 28px rgb(0 0 0 / .22);border-color:rgb(255 255 255 / .16)}
.settings-header{border-bottom:1px solid var(--line);margin-bottom:20px}
.settings-header h2{letter-spacing:-.02em}.settings-header p{color:var(--muted)}
.settings-bottom{background:var(--surface);border-top:1px solid var(--line)}
.setting-row select,.settings-content input:not([type=checkbox]):not([type=range]):not([type=color]){border-radius:10px}
.settings-section h3{font-weight:600;letter-spacing:-.01em}
.notice{border-radius:12px;box-shadow:0 6px 24px rgb(0 0 0 / .12)}
.hot-list{--fade-top:0px;--fade-bottom:0px;mask-image:linear-gradient(to bottom,transparent,#0000000d calc(var(--fade-top)*.15),#00000026 calc(var(--fade-top)*.3),#0000004d calc(var(--fade-top)*.45),#00000080 calc(var(--fade-top)*.6),#000000b3 calc(var(--fade-top)*.75),#000000d9 calc(var(--fade-top)*.87),#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),#000000d9 calc(100% - var(--fade-bottom)*.87),#000000b3 calc(100% - var(--fade-bottom)*.75),#00000080 calc(100% - var(--fade-bottom)*.6),#0000004d calc(100% - var(--fade-bottom)*.45),#00000026 calc(100% - var(--fade-bottom)*.3),#0000000d calc(100% - var(--fade-bottom)*.15),transparent)}
.hot-list:focus-visible{mask-image:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .shortcut-link:hover{transform:translateY(-1px)}html:not([data-motion=off]) .shortcut-link:hover .site-favicon{transform:scale(1.04)}}
@media(prefers-reduced-transparency:reduce){.has-background .glass-module::before{box-shadow:none}}
/* 联想与历史随搜索框浮出，只更新候选项，不撑开页面。 */
.search-focused .search-panel{z-index:10}
.search-assist{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:30;max-height:var(--assist-height,360px);overflow:auto;overscroll-behavior:contain;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgb(25 22 18 / .14);scrollbar-width:thin;scrollbar-color:var(--muted) transparent;animation:arrive 180ms ease-out}
.assist-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:4px 12px;background:var(--bg);color:var(--muted);font-size:12px}
.assist-heading button{min-height:32px;padding:4px 8px;border-radius:8px;color:var(--accent-ink,var(--accent))}
.assist-row{display:flex;align-items:center;min-width:0;padding:0 4px}
.assist-choice{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;text-align:left;border-radius:10px;font-size:14px}
.assist-choice>span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assist-choice small{flex-shrink:0;color:var(--muted);font-size:11px}
.assist-choice:hover,.assist-choice[aria-selected=true]{background:var(--soft);color:var(--accent-ink,var(--accent))}
.assist-remove{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:10px;color:var(--muted)}.assist-remove svg{width:16px;height:16px}.assist-remove:hover,.assist-heading button:hover{background:var(--hover)}
.assist-status{margin:0;padding:8px 16px 12px;color:var(--muted);font-size:12px;line-height:1.6}.assist-status:empty{display:none}

.site-category-bar{display:flex;align-items:center;gap:8px;margin:0 0 14px;min-height:44px;font-size:12px;color:var(--muted)}.shortcuts-section>#empty-state{top:100px}

.category-picker.engine-picker{margin:0;width:110px;height:44px}.category-picker.engine-picker.is-open{width:var(--category-width,280px)}.category-picker .engine-toggle{height:44px;font-size:12px;padding:8px 12px}.category-picker .category-options{display:flex;height:44px;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.category-options button{flex:0 0 auto;min-height:44px;max-width:190px;padding:4px 12px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:999px;color:var(--fg);transition:background-color var(--ease),color var(--ease),box-shadow var(--ease)}.category-options button:hover{background:var(--hover)}.category-options button[aria-pressed=true],.category-options button.category-drop-target{background:var(--accent);color:var(--accent-text)}.category-options button.category-drop-target{box-shadow:inset 0 0 0 2px var(--fg)}.category-options button:focus-visible{outline-offset:-3px}.category-picker .engine-toggle span{overflow:hidden;text-overflow:ellipsis}

/* 新拟态只用于默认背景，壁纸玻璃与搜索聚焦晕光保持原样。 */
body:not(.has-background){--neu-light:rgba(255,255,255,.9);--neu-shade:rgba(60,54,44,.12);--neu-raised:5px 5px 12px var(--neu-shade),-5px -5px 12px var(--neu-light);--neu-pressed:inset 2px 2px 5px var(--neu-shade),inset -2px -2px 5px var(--neu-light)}
[data-theme=dark] body:not(.has-background){--neu-light:rgba(255,255,255,.045);--neu-shade:rgba(0,0,0,.42)}
body:not(.has-background):not(.search-focused) .search-box{background:var(--bg);outline-color:transparent;box-shadow:var(--neu-raised),inset 1px 1px 0 var(--neu-light)}
body:not(.has-background) :is(.engine-picker,.settings-button){box-shadow:var(--neu-raised);transition:width 340ms cubic-bezier(.22,1,.36,1),filter var(--travel),box-shadow var(--travel)}
body:not(.has-background) .engine-picker::before,body:not(.has-background) .settings-button{background:var(--bg)}
body:not(.has-background) .settings-button:active{box-shadow:var(--neu-pressed)}
body:not(.has-background) .shortcuts>.shortcut>.shortcut-link{background:var(--bg);border-radius:12px;box-shadow:3px 3px 7px var(--neu-shade),-3px -3px 7px var(--neu-light);padding-left:7px;padding-right:7px;transition:transform var(--travel),background-color var(--ease),box-shadow var(--travel)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) body:not(.has-background) .shortcuts>.shortcut>.shortcut-link:hover{box-shadow:var(--neu-raised);transform:translateY(-2px)}}
body:not(.has-background) .shortcuts>.shortcut>.shortcut-link:active{box-shadow:var(--neu-pressed);transform:scale(.98)}
body:not(.has-background) .shortcuts>.shortcut::after{display:none}

@media(prefers-reduced-motion:reduce){body:not(.has-background) .shortcuts>.shortcut>.shortcut-link:active{transform:none}}
[data-motion=off] body:not(.has-background) .shortcuts>.shortcut>.shortcut-link:active{transform:none}

#manage-sites>.manage-summary{gap:12px;color:var(--fg);margin-bottom:12px}#manage-sites>.manage-summary h3{margin:0}#manage-sites>.manage-summary .count-label{margin-left:auto}#manage-sites>.manage-summary svg{width:16px;height:16px;transform:none}#manage-sites[open]>.manage-summary svg{transform:rotate(180deg)}.manager-category{margin-top:8px;max-width:160px;min-height:36px;font-size:13px}.add-fields select{width:100%;max-width:none;background:var(--surface);border:1px solid var(--line);height:46px;font-size:16px}.add-fields [hidden]{display:none}

.settings-nav{display:flex;gap:4px;padding:0 28px 16px;flex-shrink:0}.settings-nav [role=tab]{flex:1;min-width:0;min-height:40px;border-radius:10px;font-size:14px;color:var(--muted);transition:background-color var(--ease),color var(--ease)}.settings-nav [role=tab]:hover{background:var(--hover)}.settings-nav [aria-selected=true]{color:var(--fg);background:var(--soft);font-weight:600}.settings-category-panel[hidden]{display:none}.settings-category-panel>.settings-section:last-child{margin-bottom:24px}.settings-add-site{margin:0 0 20px}.settings-header{padding-bottom:20px}.settings-content{scroll-behavior:auto}.settings-category-panel{min-width:0}@media(max-width:600px){.settings-nav{padding:0 20px 14px;gap:2px}.settings-nav [role=tab]{font-size:13px}}

/* 设置只过渡透明度与小幅位移，不动画布局、模糊或阴影。 */
#settings-dialog{opacity:0;transform:translateX(10px);transition:opacity 140ms ease-out,transform 160ms cubic-bezier(.2,0,.2,1),display 160ms allow-discrete,overlay 160ms allow-discrete}
#settings-dialog[open]{opacity:1;transform:none;animation:none}
#settings-dialog::backdrop{opacity:0;transition:opacity 140ms ease-out,display 160ms allow-discrete,overlay 160ms allow-discrete}
#settings-dialog[open]::backdrop{opacity:1;animation:none}
@starting-style{#settings-dialog[open]{opacity:0;transform:translateX(10px)}#settings-dialog[open]::backdrop{opacity:0}}
.settings-header{padding:20px 24px 16px;align-items:center}.settings-header h2{font-size:24px}.settings-header p{font-size:12px;margin-top:5px;line-height:1.5}
.settings-nav{margin:0 24px 14px;padding:4px;gap:2px;border-radius:12px;background:var(--bg)}.settings-nav [role=tab]{min-height:36px;font-size:13px;border-radius:8px}.settings-nav [aria-selected=true]{background:var(--surface)}
.settings-content{padding:0 24px 20px;scrollbar-width:thin}.settings-content .settings-section{margin:10px 0 24px}.settings-section h3{margin-bottom:10px}.setting-row{min-height:64px;padding:10px 0;gap:16px}.setting-row small{line-height:1.5;margin-top:4px}.settings-bottom{padding:12px 24px}.settings-note{font-size:12px;line-height:1.6}
.settings-category-panel:not([hidden]){animation:settings-content-in 140ms ease-out}.settings-category-panel>.settings-section:first-child{margin-top:6px}.settings-add-site{margin-bottom:14px}
.transparency-guidance{margin:0 0 14px;padding:10px 12px;background:var(--bg);border-radius:8px;color:var(--muted);font-size:12px;line-height:1.6}.transparency-guidance p{margin:0;min-height:38px}.transparency-guidance small{font-size:11px}
@keyframes settings-content-in{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:600px){.settings-header{padding:16px 20px 12px}.settings-nav{margin:0 20px 12px;padding:3px}.settings-content{padding:0 20px 20px}.settings-bottom{padding:10px 20px max(10px,env(safe-area-inset-bottom))}.setting-row{gap:12px}}

/* 网站分类使用原生顶层弹出层，避免被设置滚动区裁切。 */
#site-manager .manager-row{padding:12px 0;gap:12px;border-bottom:1px solid var(--line)}#site-manager .manager-row:last-child{border-bottom:0}#site-manager .manager-copy small{font-size:12px;margin-top:3px}
#site-manager .manager-category{display:inline-flex;align-items:center;gap:12px;max-width:100%;min-height:32px;margin-top:7px;padding:5px 10px;background:var(--bg);border-radius:8px;font-size:12px;transition:background-color 120ms ease-out,color 120ms ease-out}#site-manager .manager-category span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#site-manager .manager-category svg{width:13px;height:13px;transition:transform 140ms ease-out}#site-manager .manager-category[aria-expanded=true]{background:var(--soft)}#site-manager .manager-category[aria-expanded=true] svg{transform:rotate(180deg)}#site-manager .manager-action{border-radius:8px}#site-manager .manager-action:hover:not(:disabled){background:var(--bg)}
#manage-sites[open] #site-manager{animation:settings-content-in 140ms ease-out}
#manager-category-menu{position:fixed;inset:auto;margin:0;padding:6px;border:0;border-radius:12px;background:var(--surface);color:var(--fg);box-shadow:0 8px 28px rgb(0 0 0 / .16);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;opacity:0;transform:translateY(-3px);transition:opacity 120ms ease-out,transform 140ms ease-out,display 140ms allow-discrete,overlay 140ms allow-discrete}
#manager-category-menu:popover-open{opacity:1;transform:none}#manager-category-menu::backdrop{background:transparent;pointer-events:none}
#manager-category-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:8px 10px;text-align:left;font-size:13px;border-radius:7px;transition:background-color 100ms ease-out,color 100ms ease-out}#manager-category-menu button span{min-width:0;overflow-wrap:anywhere}#manager-category-menu button svg{width:16px;height:16px}#manager-category-menu button:hover{background:var(--hover)}#manager-category-menu button[aria-checked=true]{background:var(--soft);font-weight:600}#manager-category-menu button:focus-visible{outline-offset:-2px}#manager-category-menu button:last-child{margin-top:5px;border-top:1px solid var(--line);border-radius:0 0 7px 7px}
@starting-style{#manager-category-menu:popover-open{opacity:0;transform:translateY(-3px)}}
@media(max-width:600px){#manager-category-menu button{min-height:40px}}

#manager-category-menu:not(:popover-open){pointer-events:none}

/* 设置控件共用页面配色，保留原生选择、键盘操作与表单语义。 */
#settings-dialog{--ease:160ms cubic-bezier(.2,0,.2,1);--travel:180ms cubic-bezier(.16,1,.3,1);scrollbar-color:var(--muted) var(--surface);transition:opacity var(--ease),transform var(--travel),display var(--travel) allow-discrete,overlay var(--travel) allow-discrete}
#settings-dialog :is(select,input,button){outline-offset:3px}
#settings-dialog .setting-row>span:first-child{min-width:0}
#settings-dialog .setting-row select{flex-shrink:0;min-width:112px;max-width:48%;border:1px solid var(--muted);padding-inline:12px 28px}
#settings-dialog select:hover{background-color:var(--hover)}
#settings-dialog select:disabled{cursor:default;opacity:.5}
#settings-dialog .switch{flex-shrink:0;transition:background-color var(--ease),box-shadow var(--ease)}
#settings-dialog .switch:hover{box-shadow:0 0 0 3px var(--hover)}
#settings-dialog .switch::after{transition:transform var(--travel),background-color var(--ease)}
#settings-dialog input[type=range]{appearance:none;height:28px;background:transparent;cursor:pointer;accent-color:var(--accent)}
#settings-dialog input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--muted);border-radius:4px}
#settings-dialog input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid var(--fg);border-radius:50%;background:var(--surface);transition:background-color var(--ease),transform var(--travel)}
#settings-dialog input[type=range]:hover::-webkit-slider-thumb{background:var(--soft);transform:scale(1.1)}
#settings-dialog input[type=range]::-moz-range-track{height:4px;background:var(--muted);border-radius:4px}
#settings-dialog input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--fg);border-radius:50%;background:var(--surface)}
#settings-dialog input[type=color]{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:4px;background:var(--bg)}
#settings-dialog input[type=color]::-webkit-color-swatch-wrapper{padding:0}
#settings-dialog input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}
.settings-category-panel:not([hidden]),#manage-sites[open] #site-manager{animation:settings-content-in 180ms cubic-bezier(.16,1,.3,1)}
#manager-category-menu{transition:opacity var(--ease),transform var(--travel),display var(--travel) allow-discrete,overlay var(--travel) allow-discrete}

@supports (appearance:base-select){
  #settings-dialog select,#settings-dialog select::picker(select){appearance:base-select}
  #settings-dialog select{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;line-height:1.4}
  #settings-dialog select::picker-icon{color:var(--muted);transition:rotate var(--travel)}
  #settings-dialog select:open::picker-icon{rotate:180deg}
  #settings-dialog select:open{background:var(--hover);border-color:var(--muted)}
  #settings-dialog select::picker(select){margin-block:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);box-shadow:0 8px 24px rgb(0 0 0 / .16);max-height:min(320px,60dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;opacity:0;transform:translateY(-3px);transition:opacity var(--ease),transform var(--travel),display var(--travel) allow-discrete,overlay var(--travel) allow-discrete}
  #settings-dialog select:open::picker(select){opacity:1;transform:none}
  #settings-dialog select option{display:flex;align-items:center;gap:12px;min-height:40px;padding:9px 12px;border-radius:7px;background:var(--surface);color:var(--fg);font-size:14px;line-height:1.4;transition:background-color var(--ease),color var(--ease)}
  #settings-dialog select option:hover,#settings-dialog select option:focus{background:var(--hover);outline:2px solid var(--muted);outline-offset:-2px}
  #settings-dialog select option:checked{background:var(--soft);font-weight:600}
  #settings-dialog select option::checkmark{order:1;margin-left:auto;color:var(--fg)}
  @starting-style{#settings-dialog select:open::picker(select){opacity:0;transform:translateY(-3px)}}
}
@media(max-width:600px){#settings-dialog .setting-row select{min-width:104px;font-size:13px}#settings-dialog select option{min-height:44px}}
@media(prefers-reduced-motion:reduce){#settings-dialog select::picker(select),#settings-dialog select::picker-icon{transition:none!important;transform:none!important}}
[data-motion=off] #settings-dialog select::picker(select),[data-motion=off] #settings-dialog select::picker-icon{transition:none!important;transform:none!important}

/* 时钟与节日使用现有顶栏，节日祝福仅在当天出现。 */
#clock{font-family:Bahnschrift,"DIN Alternate","Arial Narrow",sans-serif;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.calendar-line{flex-wrap:wrap;justify-content:center}
#festival{font-size:12px;font-weight:600;color:var(--accent-ink,var(--fg))}
.has-background #festival{color:inherit}
#festival-wish{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--muted);max-width:48ch}
#hot-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border-radius:10px;background:var(--soft);color:var(--fg);font-size:13px;font-weight:500;text-decoration:none;transition:background-color var(--ease),color var(--ease),transform var(--travel)}
#hot-open svg{width:15px;height:15px;transition:transform var(--travel)}
#hot-open:hover{background:var(--hover)}
#hot-open:hover svg{transform:translate(1px,-1px)}
#hot-open:active{transform:scale(.98)}
@media(max-width:600px){#festival-wish{font-size:13px}#hot-open{min-height:44px}}
@media(prefers-reduced-motion:reduce){#hot-open:hover svg,#hot-open:active{transform:none}}
[data-motion=off] #hot-open:hover svg,[data-motion=off] #hot-open:active{transform:none}

/* 手机网页版的边栏入口随文档滚动，避免覆盖正文。 */
@media(max-width:600px){
  .shell,.has-background .shell{position:relative;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .shell>.brand,.shell>.floating-actions{position:absolute}
  .shell>.quote-widget,.has-background .shell>.quote-widget{position:relative;inset:auto;z-index:auto;width:100%;max-width:100%;margin:28px 0 0;padding:8px 0;flex-shrink:0}
}

/* 设置面板的文字使用中性色，与自定义强调色解耦。 */
#settings-dialog{--accent-ink:var(--fg)}
#settings-dialog .primary-button{background:var(--fg);color:var(--surface)}

/* 右侧小组件沿用现有表面和减速节奏，不增加装饰性主视觉。 */
.side-widgets{display:flex;flex-direction:column;gap:20px;min-width:0}
.side-widgets .section-heading{margin-bottom:8px;gap:12px}
.hot-section{display:block}
.hot-section>.section-heading{margin:0}
.hot-section h2{width:100%}
.widget-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0;text-align:left;font-size:inherit;font-weight:inherit;color:var(--fg);border-radius:8px}
.widget-toggle-hint{margin-left:auto;font-size:12px;font-weight:400;color:var(--muted)}
.widget-toggle>span:first-child{margin:0;font:inherit;color:var(--fg)}
#weather-city-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.widget-toggle svg,.side-widgets .text-button svg{width:15px;height:15px;transition:transform var(--travel)}
.widget-toggle[aria-expanded=true] svg,.side-widgets .text-button[aria-expanded=true] svg{transform:rotate(180deg)}
.widget-disclosure{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--travel),visibility var(--travel)}
.widget-disclosure.is-open{grid-template-rows:1fr;visibility:visible}
.widget-disclosure>div{min-height:0;overflow:hidden;opacity:0;transition:opacity var(--ease)}
.widget-disclosure.is-open>div{opacity:1}
.hot-body{display:flex;flex-direction:column}
.hot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:44px;margin:16px 0 8px;padding-right:16px}
.hot-toolbar #hot-updated{min-width:0;white-space:normal;overflow-wrap:anywhere}
.hot-toolbar .hot-source-slot{align-self:auto;margin:0 0 0 auto;flex:0 0 180px}
.hot-body .hot-status{margin:8px 0}
.hot-body .hot-meta{margin-top:8px}
.weather-section,.life-section{min-width:0}
.side-widgets .section-heading>.text-button{min-width:0;max-width:70%;padding:6px 0 6px 8px;text-align:right;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.side-widgets .text-button{color:var(--fg)}
.side-widgets .widget-note{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.widget-picker-content>form{padding-top:10px}
.weather-search,.birthday-fields{display:flex;align-items:center;gap:8px;min-width:0}
.side-widgets input{min-width:0;width:100%;height:42px;padding:8px 10px;border:1px solid var(--muted);border-radius:10px;background:var(--bg);color:var(--fg);font-size:14px}
.weather-search .text-button,.birthday-fields .text-button{flex-shrink:0;padding:8px 10px;border-radius:10px;background:var(--soft)}
.weather-cities{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.weather-cities:empty{display:none}
.weather-cities button{min-height:40px;padding:8px 10px;text-align:left;font-size:13px;line-height:1.5;border-radius:8px;overflow-wrap:anywhere}
.weather-cities button:hover{background:var(--hover)}
.weather-current{display:flex;align-items:center;gap:12px;margin-top:8px}
.weather-current>svg{width:32px;height:32px;color:var(--fg)}
.weather-current>strong{font-size:36px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums}
.weather-current>span{font-size:14px;color:var(--muted)}
.widget-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;font-size:11px;color:var(--muted)}
.widget-footer a{min-height:32px;display:inline-flex;align-items:center;text-underline-offset:3px}
.widget-footer a:hover{text-decoration:underline}
.widget-footer .icon-button{width:32px;height:32px}
.life-count{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--fg)}
.life-count strong{margin:0 5px;font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}
#birthday-form>label{display:block;margin:0 0 8px;font-size:13px;color:var(--fg)}
.birthday-confetti{position:fixed;inset:0;width:100%;height:100%;z-index:100;pointer-events:none}
@media(max-width:600px){.side-widgets{gap:24px}.side-widgets input{font-size:16px}.weather-cities button{min-height:44px}.widget-footer .icon-button{width:44px;height:44px}.side-widgets .section-heading>.text-button{min-height:44px}}
/* 三个信息模块共用同一舞台，切换时保留页面位置。 */
.side-widgets{--widget-height:400px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);gap:20px;height:var(--widget-height);position:relative;isolation:isolate}
.side-widgets :is(.hot-section,.weather-section,.life-section){--card-light:rgba(255,255,255,.9);--card-shade:rgba(60,54,44,.13);border-radius:16px;background:var(--bg);box-shadow:6px 6px 16px var(--card-shade),-6px -6px 16px var(--card-light);padding:16px;min-width:0}
[data-theme=dark] .side-widgets :is(.hot-section,.weather-section,.life-section){--card-light:rgba(255,255,255,.045);--card-shade:rgba(0,0,0,.4)}
.side-widgets :is(.hot-section,.weather-section,.life-section)::before{display:none}
/* 卡片表面交叉淡化，避免逐帧重排热榜与重绘伸缩阴影。 */
.side-widgets .hot-section{grid-area:1/1/3/2;align-self:start;height:var(--widget-height);padding:10px 16px 16px;z-index:2;background:transparent;box-shadow:none;pointer-events:none}
.side-widgets .hot-section.glass-module::before,.side-widgets .hot-section.glass-module::after{content:"";display:block;position:absolute;inset:0;z-index:-1;border:0;border-radius:16px;background:var(--bg);box-shadow:6px 6px 16px var(--card-shade),-6px -6px 16px var(--card-light);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;transition:opacity 240ms ease-out}
.side-widgets .hot-section::before{opacity:0}
.side-widgets .hot-section::after{height:64px;opacity:1}
.side-widgets.hot-expanded .hot-section::before{opacity:1}
.side-widgets.hot-expanded .hot-section::after{opacity:0}
#hot-toggle{pointer-events:auto}
.side-widgets .hot-section>.section-heading{height:44px;margin:0}
.widget-pair{grid-area:2/1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-height:0;opacity:1;transform:translateY(0);visibility:visible;transition:opacity 180ms ease-out,transform 240ms cubic-bezier(.16,1,.3,1),visibility 240ms}
.hot-expanded .widget-pair{opacity:0;transform:translateY(8px);visibility:hidden;pointer-events:none}
.side-widgets:not(.hot-expanded) .widget-pair{transition-delay:40ms,40ms,0s}
.side-widgets .weather-section,.side-widgets .life-section{display:flex;flex-direction:column;min-height:0}
.widget-pair .section-heading{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:12px}
.widget-pair .section-heading>.text-button{padding:0;max-width:100%;min-height:36px;text-align:left;gap:5px}
.widget-pair h2{font-size:18px}
.widget-pair .widget-note{font-size:12px;line-height:1.65}
.widget-pair .weather-current{flex-wrap:wrap;gap:6px}
.widget-pair .weather-current strong{font-size:36px}
.widget-pair .weather-current>span{flex-basis:100%;font-size:13px}
.widget-pair .widget-footer{margin-top:auto;padding-top:8px;gap:4px;flex-wrap:wrap}
.widget-pair .widget-footer>a{font-size:11px}
.widget-pair .life-count{margin-top:4px;line-height:1.7;font-size:13px}
.widget-pair .life-count strong{display:block;margin:5px 0 0;font-size:36px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.widget-pair #birthday-caption{margin-top:auto;padding-top:12px}
#hot-collapse{display:block;height:calc(100% - 44px);opacity:0;transform:translateY(8px);visibility:hidden;pointer-events:none;transition:opacity 180ms ease-out,transform 240ms cubic-bezier(.16,1,.3,1),visibility 240ms}
#hot-collapse.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}
#hot-collapse>.hot-body{height:100%;min-height:0;overflow:visible;opacity:1;transition:none}
.hot-body .hot-list{height:auto;min-height:0;flex:1 1 0}
.hot-body .hot-meta{flex-shrink:0}
/* 选择器在顶层展开，搜索结果与滚轮不会撑动卡片。 */
.widget-popover{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(360px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border:0;border-radius:16px;background:var(--bg);color:var(--fg);box-shadow:12px 16px 40px rgba(0,0,0,.24),-4px -4px 16px color-mix(in srgb,var(--surface) 55%,transparent);opacity:0;transform:translateY(10px) scale(.98);transition:opacity 240ms ease-out,transform 320ms cubic-bezier(.16,1,.3,1),display 320ms allow-discrete,overlay 320ms allow-discrete}
.widget-popover:popover-open{opacity:1;transform:translateY(0) scale(1)}
@starting-style{.widget-popover:popover-open{opacity:0;transform:translateY(10px) scale(.98)}}
.widget-popover::backdrop{background:rgba(0,0,0,.12);opacity:0;transition:opacity 240ms ease-out,display 320ms allow-discrete,overlay 320ms allow-discrete}
.widget-popover:popover-open::backdrop{opacity:1}
@starting-style{.widget-popover:popover-open::backdrop{opacity:0}}
.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.picker-heading strong{font-size:16px;font-weight:600}
.picker-heading .icon-button{width:36px;height:36px}
.widget-popover .widget-note{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0}
.widget-popover .widget-picker-content>form{padding:0}
.weather-search{gap:8px;border-radius:12px;padding:4px 6px 4px 12px;background:var(--bg);box-shadow:inset 3px 3px 7px color-mix(in srgb,var(--fg) 13%,transparent),inset -3px -3px 7px color-mix(in srgb,var(--surface) 75%,transparent);transition:box-shadow var(--travel),background var(--travel)}
.weather-search:focus-within{outline:2px solid var(--muted);outline-offset:3px}
.weather-search>svg{width:18px;height:18px;flex-shrink:0;color:var(--muted)}
#weather-query{width:100%;min-width:0;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--fg);font:inherit;font-size:16px;box-shadow:none;outline:none}
#weather-query::placeholder{color:var(--muted);opacity:1}
#weather-search{padding:8px;min-height:40px;font-size:13px;background:var(--soft);color:var(--fg)}
.weather-cities{max-height:250px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;margin:12px 0;gap:5px}
.weather-cities button{flex-shrink:0;color:var(--fg);padding:10px 12px;min-height:44px;font-size:13px;border-radius:10px;transition:background var(--ease),transform var(--travel);animation:city-arrive 240ms cubic-bezier(.16,1,.3,1) both}
.weather-cities button:nth-child(2){animation-delay:25ms}.weather-cities button:nth-child(3){animation-delay:50ms}.weather-cities button:nth-child(n+4){animation-delay:75ms}
.weather-cities button:is(:hover,[aria-selected=true]){background:var(--hover)}
.weather-cities button:active{transform:scale(.98)}
.city-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.city-presets button{text-align:center;background:var(--hover);padding:8px 4px}
#weather-locate{min-height:44px;gap:8px;color:var(--fg);font-size:13px}
.date-wheel-labels,.date-wheels{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;text-align:center}
.date-wheel-labels{color:var(--muted);font-size:12px;margin-bottom:8px}
.date-wheels{position:relative;border-radius:12px;background:var(--bg);box-shadow:inset 3px 3px 8px color-mix(in srgb,var(--fg) 12%,transparent),inset -3px -3px 8px color-mix(in srgb,var(--surface) 75%,transparent)}
.date-wheels::before{content:"";pointer-events:none;position:absolute;top:80px;height:40px;left:8px;right:8px;border-radius:8px;background:var(--hover)}
.date-wheel{position:relative;height:200px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;padding:80px 0;font-variant-numeric:tabular-nums}
.date-wheel::-webkit-scrollbar{display:none}
.date-wheel:focus-visible{outline:2px solid var(--muted);outline-offset:2px;border-radius:10px;mask-image:none}
.date-wheel-option{height:40px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;color:var(--muted);font-size:18px;cursor:pointer;transition:color var(--ease),transform var(--travel)}
.date-wheel-option[aria-selected=true]{color:var(--fg);font-weight:600;transform:scale(1.08)}
.date-picker-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;font-size:13px}
.widget-popover .date-picker-bottom .text-button{min-height:44px;background:var(--fg);color:var(--bg);border-radius:10px;padding:8px 12px}
@keyframes city-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.side-widgets{gap:16px;--widget-height:420px}.widget-pair{gap:12px}.side-widgets :is(.weather-section,.life-section){padding:12px}.widget-pair .weather-current strong,.widget-pair .life-count strong{font-size:30px}.widget-pair .section-heading>.text-button{min-height:44px;font-size:12px}.widget-popover{padding:16px}.city-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.picker-heading .icon-button{width:44px;height:44px}}

.side-widgets :is(.hot-section,.weather-section,.life-section){--fg:#292724;--muted:#68645d;--surface:#fff;--hover:#eceae4}
[data-theme=dark] .side-widgets :is(.hot-section,.weather-section,.life-section){--fg:#eeeae3;--muted:#b4afa7;--surface:#242422;--hover:#302f2c}
#weather-result:not([hidden]){animation:city-arrive 320ms cubic-bezier(.16,1,.3,1) both}
/* 天气刷新与标题同一行，记日沿用引擎选择器的滑动高亮。 */
.widget-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}
.widget-title-row .icon-button{width:32px;height:32px;flex-shrink:0}
.widget-title-row .icon-button svg{width:16px;height:16px}
.widget-pair .section-heading>#day-toggle{justify-content:flex-start;max-width:100%;width:100%;text-align:left}
#day-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#day-toggle svg{margin-left:auto}
.life-count #life-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.widget-pair .life-section #birthday-caption{padding-top:8px}
.widget-pair .life-section .widget-footer{margin-top:4px;padding:0}
.widget-pair .life-section .widget-footer button{font-size:12px;min-height:40px;padding:4px 0;gap:6px}
.widget-pair .life-section .widget-footer svg{width:14px;height:14px}
.day-options{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;gap:8px;padding:4px;max-height:240px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;overscroll-behavior:contain}
.day-options button{flex:0 1 auto;min-width:0;max-width:100%;min-height:44px;padding:10px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;border-radius:10px;color:var(--muted);transition:color var(--ease),background var(--ease)}
.day-options button:hover{background:var(--hover);color:var(--fg)}
.day-options button[aria-pressed=true]{color:var(--accent-text);font-weight:600}
.day-options button[aria-pressed=true]:hover{background:transparent}
.day-options .engine-track{overflow:visible}
.day-options .engine-indicator{transition:transform var(--travel),width var(--travel),height var(--travel),background-color var(--ease)}
#day-picker:popover-open .day-options{animation:day-options-enter 240ms cubic-bezier(.22,1,.36,1) both}
#day-add{margin-top:12px;font-size:13px;color:var(--fg)}
#day-editor{width:min(400px,calc(100vw - 32px))}
#day-editor .widget-note{margin:8px 0;font-size:12px}
.day-form fieldset{position:relative;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 16px;border:0;min-width:0}
.day-form legend{font-size:13px;margin-bottom:8px;color:var(--muted)}
.day-form fieldset label{position:relative;flex:1;min-width:0;cursor:pointer}
.day-form fieldset input{position:absolute;width:1px;height:1px;opacity:0;padding:0;border:0}
.day-form fieldset label span{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:8px 5px;font-size:12px;color:var(--muted);background:var(--bg);box-shadow:inset 2px 2px 5px color-mix(in srgb,var(--fg) 10%,transparent),inset -2px -2px 5px color-mix(in srgb,var(--surface) 70%,transparent);transition:color var(--ease),background-color var(--ease),box-shadow var(--travel)}
.day-form fieldset input:checked+span{background:var(--hover);color:var(--fg);font-weight:600;box-shadow:none}
.day-form fieldset input:focus-visible+span{outline:2px solid var(--muted);outline-offset:2px}
.day-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);margin-bottom:16px}
.day-form .day-field input{width:100%;font-size:16px;height:44px;padding:10px 12px;border:1px solid var(--muted);border-radius:10px;color:var(--fg);background:var(--bg)}
.day-date-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px}
.day-date-row>label{color:var(--muted);flex-shrink:0}
.date-pick-button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;min-width:0;flex:1;border-radius:10px;padding:8px 10px;background:var(--hover);color:var(--fg);font-size:13px;font-variant-numeric:tabular-nums}
.date-pick-button svg{width:14px;height:14px}
.day-date-row .text-button{font-size:12px;min-height:44px;padding:6px}
.day-preview{display:block;margin-top:12px;color:var(--fg);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.day-form .date-picker-bottom{justify-content:flex-end}
.day-form #day-delete{margin-right:auto;background:transparent;color:var(--error);padding-left:0}
@keyframes day-options-enter{from{opacity:.3;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.widget-title-row .icon-button{width:44px;height:44px}.widget-pair .weather-current{gap:6px}.widget-pair .weather-current strong{font-size:28px}.widget-pair .weather-current>svg{width:20px;height:20px}.widget-pair .weather-current>span{flex-basis:auto;font-size:12px}.widget-pair #weather-details{line-height:1.5}.widget-pair .life-count strong{font-size:24px}.day-form .day-kinds label{flex:1 1 calc(50% - 6px)}.day-form fieldset label span{font-size:13px}}

.day-form .day-field input:focus-visible{outline:2px solid var(--muted);outline-offset:2px;border-color:transparent}
.widget-pair .section-heading>#day-toggle{padding:6px 10px;border-radius:10px;background:var(--bg);box-shadow:3px 3px 7px var(--card-shade),-3px -3px 7px var(--card-light)}

@media(max-width:600px){.hot-toolbar{gap:8px}.hot-toolbar .hot-source-slot{flex-basis:144px;width:144px}.hot-toolbar .source-picker.engine-picker.is-open{width:144px}.hot-toolbar .hot-sources button{padding:8px 4px;min-height:44px}}

#search-engine-picker{width:148px}
#search-engine-picker.is-open{width:380px}
.weather-cities:not(.city-presets) button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-align:left}
.weather-cities button strong{font-size:14px;font-weight:500;color:var(--fg)}
.weather-cities button small{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}