:root {
  --selin-paper: #f5f6f8;
  --selin-surface: #ffffff;
  --selin-ink: #202126;
  --selin-muted: #656870;
  --selin-line: #cfd2d7;
  --selin-line-soft: #e2e4e8;
  --selin-orange: #f49a4a;
  --selin-blue: #1457d9;
  --selin-content: 1240px;
  --selin-gutter: clamp(16px, 4vw, 40px);
  --selin-radius-sm: 8px;
  --selin-radius-md: 14px;
  --selin-radius-lg: 24px;
  --selin-space-1: 4px;
  --selin-space-2: 8px;
  --selin-space-3: 12px;
  --selin-space-4: 16px;
  --selin-space-5: 24px;
  --selin-space-6: 32px;
  --selin-space-7: 48px;
  --selin-space-8: 72px;
  --selin-fast: 140ms;
  --selin-standard: 220ms;
  --selin-slow: 420ms;
}

.selin-shell {
  min-height: 100vh;
  background: var(--selin-paper);
  color: var(--selin-ink);
}

.selin-container {
  width: min(100% - (2 * var(--selin-gutter)), var(--selin-content));
  margin-inline: auto;
}

.selin-global-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--selin-space-5);
  min-height: 76px;
  padding: var(--selin-space-4) var(--selin-gutter);
  border-bottom: 1px solid color-mix(in srgb, var(--selin-line) 78%, transparent);
  background: color-mix(in srgb, var(--selin-paper) 92%, transparent);
  backdrop-filter: blur(14px);
}

.selin-brand { display: inline-grid; gap: 2px; color: inherit; font-weight: 800; letter-spacing: .04em; text-decoration: none; }
.selin-brand small { color: var(--selin-muted); font-size: 10px; font-weight: 600; letter-spacing: .12em; }
.selin-nav { display: flex; align-items: center; gap: var(--selin-space-5); }
.selin-nav a { position: relative; color: var(--selin-muted); text-decoration: none; font-weight: 650; }
.selin-nav a:hover, .selin-nav a[aria-current="page"] { color: var(--selin-ink); }
.selin-nav a[aria-current="page"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 2px; background: var(--selin-orange); }
.selin-menu { display: none; border: 1px solid var(--selin-line); border-radius: var(--selin-radius-sm); background: var(--selin-surface); color: var(--selin-ink); padding: 8px 11px; }
.selin-footer { margin-top: var(--selin-space-8); padding: var(--selin-space-6) var(--selin-gutter); border-top: 1px solid var(--selin-line); color: var(--selin-muted); }
.selin-footer-inner { width: min(100%, var(--selin-content)); margin: auto; display: flex; justify-content: space-between; gap: var(--selin-space-5); }

:where(a, button, input, select, textarea):focus-visible { outline: 3px solid var(--selin-blue); outline-offset: 3px; }
@media (max-width: 760px) {
  .selin-global-header { min-height: 64px; }
  .selin-nav { display: none; }
  .selin-menu { display: inline-flex; }
  .selin-footer-inner { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 1ms !important; transition-duration: 1ms !important; }
}

html{background:var(--selin-paper)}
body{background:var(--selin-paper);color:var(--selin-ink);color-scheme:light}

.site-header.cover-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:0 40px;background:color-mix(in srgb,#fafbfc 90%,transparent);backdrop-filter:blur(14px)}
.site-header.cover-header .home-brand{font-size:19px;font-weight:650;color:#22262b;text-decoration:none;display:flex;align-items:center;gap:8px}
.site-header.cover-header nav{display:flex;align-items:center;gap:36px;font-size:15px}
.site-header.cover-header nav a{padding:22px 0;color:#59616b;text-decoration:none}
.site-header.cover-header nav a[aria-current=page]{color:#22262b;font-weight:550}

.icon-btn{display:none;place-items:center;width:44px;height:44px;padding:1px 6px;border:1px solid #dee4e8;border-radius:12px;background:#fff;color:#22262b;cursor:pointer;font:inherit}
.icon-btn svg{width:20px;height:20px}
.icon-btn:hover{border-color:#a6b2bc}

.menu-modal{width:337px;max-width:calc(100% - 38px);padding:22px;border:0;border-radius:20px;background:#fff;color:#22262b;box-shadow:0 32px 90px #10203335}
.menu-modal::backdrop{background:#27384a45;backdrop-filter:blur(4px)}
.menu-modal .modal-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0 0 24px}
.menu-modal .modal-head h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em}
.menu-modal .modal-head .icon-btn{display:grid}
.menu-modal nav{display:flex;flex-direction:column}
.menu-modal nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:17px 0;border-bottom:1px solid #dee4e8;font-size:16px;color:#22262b;text-decoration:none}
.menu-modal nav a[aria-current=page]{font-weight:600}
.menu-modal nav a svg{width:20px;height:20px;color:#59616b;flex:none}

@media(max-width:760px){
  .site-header.cover-header{min-height:68px;padding:0 20px}
  .site-header.cover-header nav{display:none}
  .site-header.cover-header .icon-btn.mobile-menu{display:grid}
}

.brand-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff923d;margin-left:4px}

a[data-section-closed]{cursor:default!important;transition:none!important}
a[data-section-closed]::after{content:"建设中";font-size:10px;font-weight:400;margin-left:5px;white-space:nowrap;color:color-mix(in srgb,currentColor 50%,transparent)}

:root{--z-base:0;--z-raised:1;--z-header:20;--z-popover:50;--z-toast:90}
.filter-panel:has([data-multi-host][open]),.filter-panel:has(.range-field:focus-within),
.results-heading:has(.my-grip-pop),.filter-panel:has(.dd.is-open),.results-heading:has(.dd.is-open){z-index:var(--z-popover)!important}