/* 悬停折射边缘复用项目按钮样式：Uiverse.io / shokat_2650，MIT；https://uiverse.io/shokat_2650/massive-snail-29，许可见 licenses/uiverse-shokat_2650-MIT.txt。 */
/* 搜索框专用层先声明：仅覆盖搜索控件，不修改全站搜索按钮及卡片。 */
@layer search-controls {
  body .site-search-control {
    --att-glass-angle-1:-75deg;
    position:relative!important;display:inline-flex!important;align-items:center!important;
    height:37px!important;min-height:37px!important;max-height:37px!important;
    box-sizing:border-box!important;min-width:0;border:1px solid rgba(255,255,255,.48)!important;
    border-radius:var(--ui-radius,12px)!important;padding:0!important;gap:0!important;isolation:isolate;
    background:linear-gradient(-75deg,rgba(255,255,255,.08),rgba(255,255,255,.2),rgba(255,255,255,.08))!important;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.48),inset 0 -1px 1px rgba(52,47,85,.07),0 2px 5px rgba(38,34,65,.05)!important;
    backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
    transition:box-shadow .45s ease,border-color .45s ease!important;
  }
  body .site-search-wrapped {flex:1 1 180px;width:min(100%,320px);vertical-align:middle}
  body .site-search-control>.site-search-input {
    flex:1 1 0%!important;width:100%!important;min-width:0!important;height:35px!important;min-height:0!important;max-height:35px!important;
    margin:0!important;padding:0 12px 0 42px!important;box-sizing:border-box!important;
    border:0!important;border-radius:var(--ui-radius,12px)!important;outline:none!important;
    background:transparent!important;box-shadow:none!important;color:var(--admin-text,#323232)!important;
    font-size:14px!important;line-height:normal!important;font-weight:400!important;
  }
  body .site-search-control>.site-search-icon {
    position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;
    width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;
    stroke:currentColor;stroke-width:1.8;fill:none;color:var(--admin-text-sub,#666579);
    pointer-events:none!important;z-index:1;
  }
  /* 与按钮同样的玻璃折射边缘，改变高光方向而不缩放输入框。 */
  body .site-search-control::before {
    content:""!important;position:absolute!important;inset:-1px!important;padding:1px!important;
    width:auto!important;height:auto!important;border-radius:inherit!important;box-sizing:border-box;pointer-events:none!important;
    background:conic-gradient(from var(--att-glass-angle-1),rgba(0,0,0,.32),transparent 5% 40%,rgba(0,0,0,.32) 50%,transparent 60% 95%,rgba(0,0,0,.32)),linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5))!important;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
    transition:--att-glass-angle-1 .55s cubic-bezier(.22,.75,.25,1)!important;
  }
  body .site-search-control:is(:hover,:focus-within)::before {--att-glass-angle-1:-125deg}
  body .site-search-control:is(:hover,:focus-within) {
    box-shadow:inset 0 1px 2px rgba(45,40,80,.06),inset 0 -1px 1px rgba(255,255,255,.72),0 3px 9px rgba(38,34,65,.08)!important;
  }
  body .site-search-control:has(>.site-search-input:focus-visible) {outline:none!important;border-color:rgba(var(--admin-accent-rgb,87,90,194),.42)!important;box-shadow:inset 0 0 0 1px rgba(var(--admin-accent-rgb,87,90,194),.16),inset 0 1px 1px rgba(255,255,255,.65),0 2px 7px rgba(38,34,65,.06)!important}
  body .site-search-control>.site-search-flow {position:absolute!important;inset:0!important;opacity:0;z-index:2;border-radius:inherit;pointer-events:none!important;transition:opacity .4s ease!important}
  body .site-search-active>.site-search-flow {opacity:.85}
  body .site-search-control .site-search-flow rect {animation-play-state:paused!important}
  body .site-search-active .site-search-flow rect {animation-play-state:running!important}
  @media(prefers-reduced-motion:reduce){
    body:not([data-card-motion="forced"]) .site-search-control,body:not([data-card-motion="forced"]) .site-search-control::before,body:not([data-card-motion="forced"]) .site-search-flow {transition:none!important}
    body:not([data-card-motion="forced"]) .site-search-flow rect {animation:none!important}
  }
  @media print {.site-search-flow{display:none!important}}
}