/* AIPS 灵感库 — 深色图库（阶段 4：图优先，弱营销氛围） */

body.page-inspiration{
  min-height:100svh;
  background:#000;
}
/* 图库页关掉大面积紫雾，避免抢图 */
body.page-inspiration .ambient-glow{display:none !important}
body.page-inspiration .ambient-canvas{display:none !important}
body.page-inspiration .site-header{border-bottom-color:rgba(255,255,255,.06)}
/* 灵感库页：隐藏中间主菜单；顶栏恢复右对齐（nav 隐藏后勿让 actions 掉进中间列） */
body.page-inspiration .nav-desktop{display:none !important}
body.page-inspiration .header-inner{
  grid-template-columns:auto 1fr;
}
body.page-inspiration .header-actions{
  justify-self:end;
  grid-column:2;
}
body.page-inspiration .drawer-nav > .drawer-link:not(.insp-drawer-home){display:none !important}
.insp-nav-home{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:500;
  white-space:nowrap;
  transition:color .2s,border-color .2s,background .2s;
}
.insp-nav-home:hover{
  color:#fff;
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.05);
}
.insp-drawer-home{display:block !important}

.insp-main{
  position:relative;
  z-index:1;
  min-height:calc(100svh - var(--header-h));
  padding:calc(var(--header-h) + 0px) 0 0;
}
/* 收藏 / 详情等仍用居中 container 的页面 */
.insp-main > .container{
  padding-top:28px;
  padding-bottom:72px;
}
.insp-hero{
  max-width:920px;
  margin:0 auto 28px;
  text-align:center;
}
.insp-hero .insp-kicker{
  font-size:11px;
  margin-bottom:12px;
}
.insp-hero .insp-title{
  font-size:clamp(1.7rem,2.8vw,2.25rem);
  margin:0 0 8px;
}
.insp-hero .insp-sub{
  margin:0 auto;
  max-width:420px;
  font-size:14px;
  line-height:1.6;
  color:rgba(255,255,255,.46);
}
.insp-toolbar{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:22px;
}
.insp-toolbar__row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.insp-toolbar__row--start{justify-content:flex-start}

/* Shotdeck 式：左筛选 / 右结果 */
.insp-shell{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  min-height:calc(100svh - var(--header-h));
  align-items:stretch;
}
.insp-sidebar{
  position:sticky;
  top:var(--header-h);
  align-self:start;
  display:flex;
  flex-direction:column;
  height:calc(100svh - var(--header-h));
  overflow:auto;
  overflow-x:hidden;
  padding:22px 18px 28px;
  border-right:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(110% 55% at 0% 0%, rgba(124,58,237,.1), transparent 58%),
    radial-gradient(80% 45% at 100% 6%, rgba(167,139,250,.06), transparent 52%),
    linear-gradient(180deg, #0b0a10 0%, #07070b 100%);
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.insp-sidebar::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}
.insp-side-block--colors:has(.insp-colors[hidden]){
  display:none;
}
.insp-sidebar__brand{
  margin:0 0 18px;
  text-align:left;
  padding:2px 0 4px;
}
.insp-sidebar__brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.insp-sidebar__brand-row .insp-title{margin:0;min-width:0}
.insp-fav-mode-btn{
  flex-shrink:0;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(167,139,250,.55);
  background:transparent;
  color:rgba(196,181,253,.92);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s;
}
.insp-fav-mode-btn:hover{
  color:#fff;
  border-color:rgba(196,181,253,.75);
  background:rgba(124,58,237,.16);
}
.insp-fav-mode-btn.is-active{
  color:#fff;
  border-color:rgba(167,139,250,.65);
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),transparent 46%),
    linear-gradient(135deg,rgba(124,58,237,.55),rgba(88,28,135,.4));
  box-shadow:0 0 0 1px rgba(255,255,255,.1) inset;
}
.insp-sidebar__footer{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.06);
}
.insp-theme-toggle{
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:rgba(226,232,240,.72);
  font-size:12px;
  font-weight:400;
  cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
}
.insp-theme-toggle:hover{
  color:rgba(255,255,255,.92);
  background:rgba(124,58,237,.12);
  border-color:rgba(167,139,250,.28);
}
.insp-theme-toggle__label{
  font-weight:400;
  letter-spacing:.02em;
}
.insp-theme-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  color:rgba(196,181,253,.9);
  flex-shrink:0;
}
.insp-theme-ico[hidden]{display:none !important}
.insp-theme-ico--sun{color:#fbbf24}
.insp-theme-ico--moon{color:#c4b5fd}
.insp-theme-toggle__track{
  position:relative;
  width:32px;
  height:18px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.12);
  flex-shrink:0;
  transition:background .2s,border-color .2s;
}
.insp-theme-toggle__thumb{
  position:absolute;
  top:1px;
  left:1px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(145deg,#c4b5fd,#7c3aed);
  box-shadow:0 1px 3px rgba(0,0,0,.35);
  transition:transform .22s cubic-bezier(.34,1.2,.64,1);
}
.insp-theme-toggle.is-light .insp-theme-toggle__track{
  background:rgba(124,58,237,.2);
  border-color:rgba(167,139,250,.4);
}
.insp-theme-toggle.is-light .insp-theme-toggle__thumb{
  transform:translateX(14px);
}
.insp-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.38);
  margin:0 0 8px;
}
.insp-title{
  font-size:1.4rem;
  font-weight:650;
  letter-spacing:.01em;
  color:#fff;
  margin:0 0 6px;
  text-shadow:0 0 28px rgba(124,58,237,.28);
}
.insp-sidebar__brand-row + .insp-sub{margin-top:0}
.insp-sub{
  margin:0;
  max-width:none;
  font-size:12px;
  line-height:1.55;
  color:rgba(226,232,240,.58);
}
.insp-side-block{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.insp-side-block:last-child{
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}
.insp-side-block--colors{
  padding-bottom:10px;
  margin-bottom:12px;
}
.insp-side-label{
  margin:0;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:650;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(196,181,253,.82);
}
.insp-facets{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.insp-facet-block .insp-side-label{
  margin-bottom:6px;
}
.insp-facet-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.insp-facet-chip{
  appearance:none;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
  color:rgba(226,232,240,.72);
  border-radius:999px;
  font-size:12px;
  font-weight:500;
  height:30px;
  padding:0 12px;
  cursor:pointer;
  line-height:1;
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s;
}
.insp-facet-chip:hover{
  color:#fff;
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
}
.insp-facet-chip.is-active{
  color:#fff;
  border-color:rgba(167,139,250,.32);
  background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(167,139,250,.14));
  box-shadow:0 0 0 1px rgba(196,181,253,.08) inset;
}
.insp-results{
  min-width:0;
  padding:20px 22px 56px;
}
.insp-gate{
  max-width:420px;
  margin:72px auto 48px;
  text-align:center;
  padding:0 16px;
}
.insp-gate__text{
  font-size:14px;
  color:rgba(255,255,255,.5);
  margin:0 0 18px;
}
.insp-gate__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  color:rgba(255,255,255,.88);
  font-size:13px;
  font-weight:500;
}
.insp-gate__btn:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.38);
}
.insp-gate[hidden],
#inspiration-app[hidden],
#inspiration-detail[hidden]{display:none !important}

.insp-fav-entry{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:500;
  white-space:nowrap;
  transition:border-color .2s,color .2s,background .2s;
}
.insp-fav-entry:hover{
  color:#fff;
  border-color:rgba(167,139,250,.4);
  background:rgba(124,58,237,.12);
}
.insp-fav-entry--sm{height:28px;padding:0 10px;font-size:11px}
.insp-fav-entry--header{
  height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:500;
}
.insp-search{
  display:flex;
  align-items:center;
  gap:6px;
  width:100%;
  max-width:none;
  height:42px;
  padding:0 6px 0 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  box-shadow:0 0 0 1px rgba(124,58,237,.05) inset;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.insp-search:focus-within{
  border-color:rgba(167,139,250,.42);
  background:rgba(124,58,237,.08);
  box-shadow:0 0 0 3px rgba(124,58,237,.16),0 0 20px rgba(124,58,237,.12);
}
.insp-search input{
  flex:1;
  min-width:0;
  height:100%;
  border:0;
  background:transparent;
  color:#fff;
  font-size:13.5px;
  outline:none;
}
.insp-search input::placeholder{color:rgba(255,255,255,.36)}
.insp-search__btn{
  height:30px;
  padding:0 13px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  color:#fff;
  border:1px solid rgba(167,139,250,.4);
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%),
    linear-gradient(135deg,#8b5cf6 0%,#7c3aed 55%,#6d28d9 100%);
  box-shadow:0 4px 14px rgba(124,58,237,.35),0 0 0 1px rgba(255,255,255,.08) inset;
}
.insp-search__btn:hover{
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%),
    linear-gradient(135deg,#a78bfa 0%,#8b5cf6 50%,#7c3aed 100%);
  box-shadow:0 6px 18px rgba(124,58,237,.45),0 0 0 1px rgba(255,255,255,.12) inset;
}
.insp-search input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none;
  appearance:none;
  height:14px;
  width:14px;
  margin-right:2px;
  background:rgba(255,255,255,.35);
  border-radius:999px;
  cursor:pointer;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M4.2 4.2l7.6 7.6m0-7.6L4.2 11.8' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' d='M4.2 4.2l7.6 7.6m0-7.6L4.2 11.8'/%3E%3C/svg%3E") center/12px 12px no-repeat;
}

.insp-sort{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:0;
  border:0;
  background:transparent;
}
.insp-results__bar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  min-height:28px;
}
.insp-results__meta{
  flex:1;
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
}
.insp-results__bar .insp-status{
  margin:0;
  min-width:0;
  flex:0 1 auto;
  line-height:1.4;
}
.insp-side-hint{
  margin-left:.15rem;
  font-size:10px;
  font-weight:500;
  color:rgba(167,139,250,.55);
  letter-spacing:.02em;
  text-transform:none;
}
.insp-active-filters{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.insp-active-filters[hidden]{display:none !important}
.insp-active-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:100%;
  padding:3px 8px 3px 10px;
  border-radius:999px;
  border:1px solid rgba(167,139,250,.28);
  background:rgba(124,58,237,.16);
  color:rgba(237,233,254,.92);
  font-size:11px;
  line-height:1.3;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.insp-active-chip:hover{
  background:rgba(124,58,237,.28);
  border-color:rgba(196,181,253,.45);
  color:#fff;
}
.insp-active-chip__swatch{
  width:8px;
  height:8px;
  border-radius:999px;
  flex-shrink:0;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
}
.insp-active-chip__label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:12em;
}
.insp-active-chip__x{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  color:rgba(255,255,255,.55);
}
.insp-active-chip:hover .insp-active-chip__x{color:#fff}
.insp-active-chip--clear{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.55);
  padding-right:10px;
}
.insp-active-chip--clear:hover{
  color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
}
.insp-density{
  display:inline-flex;
  align-items:center;
  gap:2px;
  flex-shrink:0;
  padding:2px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03);
}
.insp-density__btn{
  width:28px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:6px;
  background:transparent;
  color:rgba(255,255,255,.38);
  cursor:pointer;
  transition:color .15s,background .15s;
}
.insp-density__btn svg{display:block;fill:currentColor}
.insp-density__btn:hover{color:rgba(255,255,255,.78)}
.insp-density__btn.is-active{
  color:#c4b5fd;
  background:rgba(124,58,237,.2);
}
.insp-colors{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:6px;
  margin:0;
  overflow:visible;
  padding:2px 0;
  scrollbar-width:none;
}
.insp-colors::-webkit-scrollbar{display:none;width:0;height:0}
.insp-colors[hidden]{display:none !important}
.insp-color-chip{
  flex:0 0 auto;
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.22);
  padding:0;
  cursor:pointer;
  position:relative;
  opacity:.7;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease;
}
.insp-color-chip:hover{transform:scale(1.12);opacity:.9}
.insp-color-chip--multi.is-active,
.insp-color-chip.is-active{
  opacity:1;
  transform:scale(1.14);
  border-color:#fff;
  box-shadow:0 0 0 2px #7c3aed,0 0 0 3px rgba(124,58,237,.35);
}
.insp-color-chip--multi.is-active::after,
.insp-color-chip.is-active::after{
  content:"";
  position:absolute;
  left:50%;
  top:46%;
  width:5px;
  height:8px;
  border:solid #fff;
  border-width:0 1.8px 1.8px 0;
  transform:translate(-50%,-55%) rotate(45deg);
  filter:drop-shadow(0 0 1px rgba(0,0,0,.9));
  pointer-events:none;
}
.insp-color-chip--all{
  position:relative;
  width:18px;
  min-width:18px;
  height:18px;
  padding:0;
  color:transparent;
  font-size:0;
  line-height:0;
  background:transparent;
  box-shadow:none;
  border:1.5px solid rgba(255,255,255,.42);
  opacity:.85;
}
.insp-color-chip--all::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:11px;
  height:1.5px;
  border-radius:1px;
  background:rgba(255,255,255,.55);
  transform:translate(-50%,-50%) rotate(-45deg);
  pointer-events:none;
}
.insp-color-chip--all.is-active{
  color:transparent;
  opacity:1;
  transform:scale(1.08);
  background:rgba(124,58,237,.22);
  border-color:#c4b5fd;
  box-shadow:0 0 0 2px rgba(124,58,237,.4);
}
.insp-color-chip--all.is-active::after{
  width:11px;
  height:1.5px;
  border:0;
  border-radius:1px;
  background:#c4b5fd;
  transform:translate(-50%,-50%) rotate(-45deg);
  filter:none;
}
.insp-color-chip__sr{
  position:absolute;
  width:1px;height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.insp-sort__btn{
  position:relative;
  height:34px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid transparent;
  background:transparent;
  color:rgba(226,232,240,.7);
  font-size:12.5px;
  font-weight:500;
  text-align:left;
  transition:background .2s,color .2s,border-color .2s,box-shadow .2s;
}
.insp-sort__btn:hover{color:#fff;background:rgba(255,255,255,.05)}
.insp-sort__btn.is-active{
  color:#fff;
  border-color:rgba(167,139,250,.32);
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%),
    linear-gradient(135deg,rgba(124,58,237,.3),rgba(88,28,135,.18));
  box-shadow:0 0 0 1px rgba(196,181,253,.08) inset;
}
.insp-tag-bar{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  gap:4px;
  max-width:none;
}
.insp-tag-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  height:34px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid transparent;
  background:transparent;
  color:rgba(226,232,240,.7);
  font-size:12.5px;
  text-align:left;
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s;
}
.insp-tag-chip:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}
.insp-tag-chip.is-active{
  color:#fff;
  border-color:rgba(167,139,250,.32);
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%),
    linear-gradient(135deg,rgba(124,58,237,.3),rgba(88,28,135,.18));
  box-shadow:0 0 0 1px rgba(196,181,253,.08) inset;
}
.insp-tag-chip__n{
  font-size:10px;
  color:rgba(255,255,255,.38);
}
.insp-tag-chip.is-active .insp-tag-chip__n{color:rgba(255,255,255,.62)}
.insp-tags-more{
  align-self:flex-start;
  height:28px;
  padding:0 10px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:transparent;
  color:rgba(255,255,255,.5);
  font-size:12px;
}
.insp-tags-more:hover{color:#fff;border-color:rgba(255,255,255,.28)}
#insp-tags-wrap[hidden],
.insp-tags-wrap[hidden],
.insp-tags-more[hidden]{display:none !important}

.insp-cats{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  gap:4px;
  overflow:visible;
  padding:0;
}
.insp-cat{
  flex:0 0 auto;
  width:100%;
  height:34px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid transparent;
  color:rgba(226,232,240,.7);
  font-size:12.5px;
  font-weight:500;
  background:transparent;
  text-align:left;
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s;
}
.insp-cat:hover{color:#fff;background:rgba(255,255,255,.05)}
.insp-cat.is-active{
  color:#fff;
  border-color:rgba(167,139,250,.32);
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%),
    linear-gradient(135deg,rgba(124,58,237,.3),rgba(88,28,135,.18));
  box-shadow:0 0 0 1px rgba(196,181,253,.08) inset;
}

.insp-status{
  text-align:left;
  font-size:12px;
  color:rgba(255,255,255,.4);
  margin:0;
  min-height:1.2em;
}
.insp-status.is-error{color:#f87171}

/* Masonry via columns */
.insp-grid{
  /* 密度用 column-width：默认紧凑（更小卡片） */
  --insp-col-w:150px;
  column-width:var(--insp-col-w);
  column-count:auto;
  column-gap:12px;
  min-height:120px;
}
.insp-grid[data-density="compact"]{--insp-col-w:150px;column-gap:10px}
.insp-grid[data-density="cozy"]{--insp-col-w:200px;column-gap:12px}
.insp-grid[data-density="large"]{--insp-col-w:280px;column-gap:14px}
.insp-card{
  position:relative;
  display:block;
  break-inside:avoid;
  margin:0 0 14px;
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,.025);
  border:1px solid transparent;
  transition:transform .25s ease,box-shadow .25s ease;
}
.insp-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.35);
}
.insp-card__link{display:block;color:inherit}
.insp-card__media{position:relative;background:#0a0a0c}
.insp-card__media img{
  width:100%;
  height:auto;
  display:block;
  vertical-align:middle;
  transition:transform .35s ease;
  content-visibility:auto;
}
.insp-card:hover .insp-card__media img{transform:scale(1.03)}
.insp-card__media img.is-broken{min-height:160px;object-fit:cover;background:#141414}
.insp-card__ph{min-height:180px;background:linear-gradient(145deg,#141416,#1a1a1f)}
.insp-card__veil{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:28px 12px 12px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));
  opacity:0;
  transform:translateY(6px);
  transition:opacity .25s ease,transform .25s ease;
  pointer-events:none;
}
.insp-card:hover .insp-card__veil,
.insp-card:focus-within .insp-card__veil{
  opacity:1;
  transform:translateY(0);
}
.insp-card__actions{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:6px;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .2s,transform .2s;
  pointer-events:none;
}
.insp-card:hover .insp-card__actions,
.insp-card:focus-within .insp-card__actions{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.insp-fav-btn,
.insp-copy-btn{
  position:relative;
  top:auto;
  right:auto;
  z-index:2;
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.5);
  color:rgba(255,255,255,.72);
  opacity:1;
  transition:color .2s,background .2s,border-color .2s,opacity .2s,box-shadow .2s,transform .2s;
}
.insp-copy-btn:hover{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(0,0,0,.62)}
.insp-fav-btn:hover{
  color:#e9d5ff;
  border-color:rgba(167,139,250,.45);
  background:rgba(124,58,237,.28);
}
.insp-copy-btn.is-busy,
.insp-copy-btn:disabled{opacity:.55;cursor:wait}
.insp-fav-btn.is-on{
  color:#fff;
  border-color:rgba(196,181,253,.45);
  background:
    linear-gradient(180deg,rgba(255,255,255,.2),transparent 45%),
    linear-gradient(145deg,#a78bfa 0%,#8b5cf6 42%,#7c3aed 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;
}
.insp-fav-btn.is-on svg{
  filter:none;
}
.insp-fav-btn--lg{opacity:1}
.insp-fav-btn--lg{
  position:static;
  width:auto;
  height:36px;
  padding:0 14px;
  gap:7px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  flex-shrink:0;
}
.insp-fav-btn--lg .insp-fav-btn__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
}
.insp-fav-btn--lg .insp-fav-btn__heart{
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .2s;
}
.insp-fav-btn--lg.is-on{
  color:#fff;
  border-color:rgba(196,181,253,.42);
  background:
    linear-gradient(180deg,rgba(255,255,255,.2),transparent 42%),
    linear-gradient(135deg,#c4b5fd 0%,#a78bfa 28%,#8b5cf6 58%,#7c3aed 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.14) inset;
}
.insp-fav-btn--lg.is-on .insp-fav-btn__heart{
  filter:none;
}
.insp-fav-btn--lg.is-pop .insp-fav-btn__heart{
  animation:inspFavPop .45s cubic-bezier(.34,1.56,.64,1);
}
@keyframes inspFavPop{
  0%{transform:scale(.7)}
  55%{transform:scale(1.22)}
  100%{transform:scale(1)}
}
.insp-fav-btn--lg[hidden]{display:none !important}
.insp-detail-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.insp-detail-nav .insp-back{margin-bottom:0}
.insp-d-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.insp-d-head .insp-d-title{margin:0;flex:1;min-width:0}
.insp-fav-empty,
.insp-empty{
  text-align:center;
  padding:56px 16px 32px;
  color:rgba(255,255,255,.48);
  break-inside:avoid;
}
.insp-fav-empty p,
.insp-empty__title{margin:0 0 8px;font-size:14px;color:rgba(255,255,255,.62)}
.insp-empty__hint{margin:0;font-size:12px;color:rgba(255,255,255,.34)}
.insp-fav-empty[hidden]{display:none !important}
.insp-card__title{
  display:block;
  font-size:13px;
  font-weight:550;
  color:#fff;
  line-height:1.35;
}
.insp-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.insp-card__tag{
  font-size:10px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:rgba(255,255,255,.7);
}

.insp-more-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:20px;
  min-height:28px;
}
.insp-scroll-sentinel{
  width:100%;
  height:1px;
  pointer-events:none;
}
.insp-scroll-sentinel[hidden]{display:none !important}
.insp-infinite-hint{
  margin:0;
  font-size:12px;
  color:rgba(167,139,250,.55);
  letter-spacing:.02em;
}
.insp-infinite-hint.is-loading{
  color:rgba(196,181,253,.9);
}
.insp-infinite-hint[hidden]{display:none !important}
.insp-more{
  height:40px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.78);
  font-size:13px;
  background:transparent;
}
.insp-more:hover{border-color:rgba(255,255,255,.32);color:#fff}
.insp-more:disabled{opacity:.5;cursor:wait}
.insp-more[hidden]{display:none !important}

/* Skeleton */
.insp-skel{
  break-inside:avoid;
  margin:0 0 12px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.03);
}
.insp-skel__block{
  height:180px;
  background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.07),rgba(255,255,255,.03));
  background-size:200% 100%;
  animation:inspShimmer 1.2s ease-in-out infinite;
}
.insp-skel:nth-child(3n) .insp-skel__block{height:220px}
.insp-skel:nth-child(4n) .insp-skel__block{height:150px}
@keyframes inspShimmer{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}
@media (prefers-reduced-motion:reduce){
  .insp-skel__block{animation:none}
  .insp-card:hover{transform:none}
  .insp-card:hover .insp-card__media img{transform:none}
}

/* Detail */
.insp-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,380px);
  gap:28px;
  align-items:start;
}
.insp-detail-media{
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:#0a0a0c;
  /* 固定画框：详情页左右栏也不随横竖图撑高弹跳 */
  height:min(72vh,760px);
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.insp-detail-media img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#050505;
}
.insp-detail-side{
  position:sticky;
  top:calc(var(--header-h) + 20px);
}
.insp-back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:rgba(255,255,255,.45);
  margin-bottom:16px;
}
.insp-back:hover{color:rgba(255,255,255,.85)}
.insp-d-title{
  font-size:clamp(1.35rem,2vw,1.75rem);
  font-weight:600;
  color:#fff;
  margin:0 0 10px;
  line-height:1.3;
}
.insp-d-summary{
  font-size:13px;
  line-height:1.65;
  color:rgba(255,255,255,.55);
  margin:0 0 14px;
}
.insp-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.insp-pill,
.insp-tag{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.03);
}
.insp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}
.insp-modal__side .insp-tags{margin-bottom:2px}
.insp-modal__side .insp-tag{
  border-color:rgba(167,139,250,.28);
  background:rgba(124,58,237,.14);
  color:rgba(221,214,254,.92);
}

.insp-prompt{
  margin-bottom:14px;
  border:1px solid rgba(167,139,250,.16);
  border-radius:14px;
  background:rgba(124,58,237,.05);
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(124,58,237,.04) inset;
}
.insp-prompt--neg{
  border-color:rgba(167,139,250,.2);
  background:rgba(88,28,135,.12);
}
.insp-prompt__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(124,58,237,.06);
}
.insp-prompt__name{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:650;
  color:rgba(237,233,254,.92);
}
.insp-copy{
  height:28px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(167,139,250,.4);
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),transparent 45%),
    linear-gradient(135deg,rgba(139,92,246,.55),rgba(124,58,237,.7));
  color:#fff;
  font-size:12px;
  font-weight:550;
  box-shadow:0 2px 10px rgba(124,58,237,.28);
}
.insp-copy:hover{
  background:
    linear-gradient(180deg,rgba(255,255,255,.2),transparent 45%),
    linear-gradient(135deg,rgba(167,139,250,.65),rgba(124,58,237,.85));
}
.insp-copy[hidden]{display:none !important}
.insp-prompt__body{
  margin:0;
  padding:12px 14px 14px;
  max-height:min(42vh,420px);
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
  font-size:12.5px;
  line-height:1.65;
  color:rgba(226,232,240,.78);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  scrollbar-width:thin;
  scrollbar-color:rgba(167,139,250,.45) transparent;
}
.insp-prompt__body--sm{
  font-size:12px;
  line-height:1.55;
  color:rgba(196,181,253,.88);
}
.insp-prompt__body::-webkit-scrollbar{
  width:8px;
}
.insp-prompt__body::-webkit-scrollbar-track{
  background:transparent;
  margin:4px 0;
}
.insp-prompt__body::-webkit-scrollbar-thumb{
  background:rgba(167,139,250,.35);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}
.insp-prompt__body::-webkit-scrollbar-thumb:hover{
  background:rgba(196,181,253,.55);
  border:2px solid transparent;
  background-clip:padding-box;
}
.insp-detail-loading,
.insp-detail-error{
  text-align:center;
  padding:48px 16px;
  color:rgba(255,255,255,.45);
  font-size:14px;
}
.insp-detail-error{color:#f87171}
.insp-detail-loading[hidden],
.insp-detail-error[hidden],
.insp-detail-layout[hidden],
.insp-prompt[hidden],
.insp-d-summary[hidden],
.insp-pill[hidden],
.insp-tags[hidden]{display:none !important}

.insp-toast{
  position:fixed;
  left:50%;
  bottom:28px;
  transform:translateX(-50%) translateY(12px);
  z-index:300;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(20,20,24,.92);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:13px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s,transform .2s;
}
.insp-toast.is-show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

@media (max-width:1200px){
  .insp-grid[data-density="large"]{--insp-col-w:240px}
  .insp-shell{grid-template-columns:250px minmax(0,1fr)}
}
@media (max-width:960px){
  .insp-shell{
    grid-template-columns:1fr;
  }
  .insp-sidebar{
    position:static;
    height:auto;
    max-height:none;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:18px 16px 12px;
  }
  .insp-side-block{
    margin-bottom:14px;
    padding-bottom:14px;
  }
  .insp-cats{
    flex-direction:row;
    flex-wrap:wrap;
    gap:6px;
  }
  .insp-cat{
    width:auto;
  }
  .insp-tag-bar{
    flex-direction:row;
    flex-wrap:wrap;
    gap:6px;
  }
  .insp-tag-chip{
    width:auto;
  }
  .insp-sort{
    flex-direction:row;
    flex-wrap:wrap;
  }
  .insp-results{padding:16px 14px 48px}
}
@media (max-width:860px){
  .insp-grid[data-density="cozy"]{--insp-col-w:170px}
  .insp-grid[data-density="large"]{--insp-col-w:210px}
  .insp-detail-layout{grid-template-columns:1fr;gap:20px}
  .insp-detail-side{position:static}
  .insp-detail-media{
    height:min(48vh,420px);
    min-height:220px;
  }
  .insp-prompt__head{
    position:sticky;
    top:calc(var(--header-h) + 8px);
    z-index:3;
    background:rgba(12,12,14,.94);
    backdrop-filter:blur(8px);
  }
}
@media (max-width:520px){
  .insp-grid{column-count:1;column-width:auto}
  .insp-card__veil{opacity:1;transform:none;padding-top:40px}
  .insp-card__actions{opacity:1;transform:none;pointer-events:auto}
  .insp-search{width:100%;max-width:none}
  .insp-fav-entry{justify-content:center}
  .insp-results__bar{flex-wrap:wrap;gap:8px}
  .insp-fav-entry--header{display:none}
}

/* Detail modal */
body.insp-modal-open{overflow:hidden}
.insp-modal{
  position:fixed;
  inset:0;
  z-index:240;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.insp-modal.is-open{display:flex}
.insp-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}
.insp-modal__panel{
  position:relative;
  z-index:1;
  width:min(1100px,100%);
  height:min(88vh,820px);
  max-height:min(88vh,820px);
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(167,139,250,.16);
  background:
    radial-gradient(80% 50% at 100% 0%, rgba(124,58,237,.12), transparent 55%),
    #0c0c0e;
  box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 40px rgba(124,58,237,.08),0 0 0 1px rgba(255,255,255,.03) inset;
  padding:18px;
  display:flex;
  flex-direction:column;
}
.insp-modal__close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.45);
  color:rgba(255,255,255,.75);
}
.insp-modal__close:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.insp-modal__loading,
.insp-modal__error{
  text-align:center;
  padding:64px 16px;
  color:rgba(255,255,255,.5);
  font-size:14px;
}
.insp-modal__error{color:#f87171}
.insp-modal__body{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,340px);
  gap:22px;
  align-items:stretch;
  flex:1;
  min-height:0;
  overflow:hidden;
}
.insp-modal__media{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  background:#050505;
  /* 固定画框：横图竖图都在框内 contain，弹窗尺寸不跟着变 */
  height:100%;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.insp-modal__media img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  transition:opacity .25s ease;
}
.insp-modal__media img:not(.is-hires){opacity:.92}
.insp-modal__media img.is-hires{opacity:1}
.insp-modal__media-actions{
  position:absolute;
  top:12px;
  left:12px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  max-width:calc(100% - 24px);
  pointer-events:none;
}
.insp-modal__media-actions > *{
  pointer-events:auto;
}
.insp-modal__media-actions .insp-dl-btn,
.insp-modal__media-actions .insp-fav-btn--lg:not(.is-on){
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  background:rgba(18,12,28,.58);
  border:1px solid rgba(167,139,250,.28);
  box-shadow:0 6px 20px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.05) inset;
}
.insp-modal__media-actions .insp-dl-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:36px;
  padding:0 14px;
  font-weight:550;
}
.insp-modal__media-actions .insp-dl-btn:hover{
  background:rgba(36,22,58,.78);
  border-color:rgba(196,181,253,.45);
  color:#fff;
}
.insp-modal__media-actions .insp-fav-btn--lg:not(.is-on):hover{
  background:rgba(124,58,237,.28);
  border-color:rgba(167,139,250,.55);
  color:#e9d5ff;
}
.insp-modal__media-actions .insp-fav-btn--lg.is-on:hover{
  filter:brightness(1.05);
}
.insp-modal__img-loading{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.72);
  font-size:11px;
  pointer-events:none;
}
.insp-modal__img-loading[hidden]{display:none !important}
.insp-modal__side{
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:hidden;
  padding-right:2px;
}
.insp-modal__side-top{
  flex:0 0 auto;
  padding-right:28px;
}
.insp-modal__side .insp-prompt{
  flex:1 1 auto;
  min-height:0;
  margin-bottom:0;
  display:flex;
  flex-direction:column;
}
.insp-modal__side .insp-prompt__body{
  flex:1 1 auto;
  max-height:none;
  min-height:120px;
}
.insp-modal__side .insp-prompt--neg{
  flex:0 0 auto;
  max-height:28%;
}
.insp-modal__side .insp-prompt--neg .insp-prompt__body{
  max-height:110px;
  min-height:0;
  flex:0 1 auto;
}
.insp-modal__meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 10px;
}
.insp-modal__meta[hidden]{display:none !important}
.insp-meta-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:rgba(226,232,240,.78);
  font-size:11px;
  font-weight:500;
}
.insp-meta-chip--color i{
  width:8px;
  height:8px;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
}
.insp-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.insp-dl-btn{
  height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.82);
  font-size:12px;
  white-space:nowrap;
}
.insp-dl-btn:hover{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
.insp-dl-btn:disabled{opacity:.55;cursor:wait}
.insp-dl-btn[hidden]{display:none !important}
.insp-modal__title{
  margin:0;
  font-size:clamp(1.15rem,1.8vw,1.45rem);
  font-weight:650;
  color:#fff;
  line-height:1.3;
  letter-spacing:.01em;
}
.insp-modal__summary{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.6;
  color:rgba(226,232,240,.62);
}
.insp-modal__open{
  display:inline-flex;
  margin-top:6px;
  font-size:12px;
  color:rgba(196,181,253,.85);
}
.insp-modal__open:hover{color:#fff}
.insp-modal__loading[hidden],
.insp-modal__error[hidden],
.insp-modal__body[hidden]{display:none !important}
@media (max-width:860px){
  .insp-modal__body{
    grid-template-columns:1fr;
    gap:14px;
    overflow:auto;
  }
  .insp-modal__panel{
    padding:14px;
    height:min(92vh,900px);
    max-height:92vh;
  }
  .insp-modal__media{
    height:min(42vh,360px);
    min-height:220px;
    flex:0 0 auto;
  }
  .insp-modal__side{
    overflow:visible;
    height:auto;
  }
  .insp-modal__side .insp-prompt{
    flex:none;
  }
  .insp-modal__side .insp-prompt__body{
    max-height:min(36vh,320px);
    min-height:80px;
  }
}

/* ── 亮色模式（2026：浅底 + 品牌紫点缀，克制光感） ── */
body.page-inspiration[data-insp-theme="light"]{
  background:
    radial-gradient(90% 50% at 100% -10%, rgba(124,58,237,.08), transparent 55%),
    radial-gradient(70% 40% at 0% 100%, rgba(167,139,250,.06), transparent 50%),
    linear-gradient(180deg,#f7f5fc 0%,#f1eef8 48%,#ece8f6 100%);
  color:#1e1b2e;
}
body.page-inspiration[data-insp-theme="light"] .site-header{
  background:rgba(255,255,255,.78);
  border-bottom-color:rgba(124,58,237,.1);
  backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
}
body.page-inspiration[data-insp-theme="light"] .insp-nav-home{
  color:rgba(30,27,46,.72);
  border-color:rgba(124,58,237,.18);
  background:rgba(255,255,255,.65);
}
body.page-inspiration[data-insp-theme="light"] .insp-nav-home:hover{
  color:#5b21b6;
  border-color:rgba(124,58,237,.35);
  background:#fff;
}
body.page-inspiration[data-insp-theme="light"] .auth-user-phone,
body.page-inspiration[data-insp-theme="light"] .btn-auth,
body.page-inspiration[data-insp-theme="light"] .btn-auth-logout{
  color:rgba(30,27,46,.78);
}
body.page-inspiration[data-insp-theme="light"] .menu-toggle span{
  background:rgba(30,27,46,.75);
}

body.page-inspiration[data-insp-theme="light"] .insp-sidebar{
  border-right-color:rgba(124,58,237,.1);
  background:
    radial-gradient(100% 50% at 0% 0%, rgba(124,58,237,.07), transparent 55%),
    linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(247,245,252,.96) 100%);
  box-shadow:1px 0 0 rgba(255,255,255,.6) inset;
}
body.page-inspiration[data-insp-theme="light"] .insp-title{
  color:#1a1528;
  text-shadow:none;
}
body.page-inspiration[data-insp-theme="light"] .insp-sub{
  color:rgba(55,48,80,.58);
}
body.page-inspiration[data-insp-theme="light"] .insp-side-label{
  color:rgba(91,33,182,.72);
}
body.page-inspiration[data-insp-theme="light"] .insp-side-hint{
  color:rgba(91,33,182,.45);
}
body.page-inspiration[data-insp-theme="light"] .insp-side-block{
  border-bottom-color:rgba(124,58,237,.08);
}
body.page-inspiration[data-insp-theme="light"] .insp-sidebar__footer{
  border-top-color:rgba(124,58,237,.1);
}

body.page-inspiration[data-insp-theme="light"] .insp-fav-mode-btn{
  color:#6d28d9;
  border-color:rgba(124,58,237,.42);
  background:rgba(255,255,255,.7);
}
body.page-inspiration[data-insp-theme="light"] .insp-fav-mode-btn:hover{
  color:#5b21b6;
  background:rgba(124,58,237,.08);
  border-color:rgba(124,58,237,.55);
}
body.page-inspiration[data-insp-theme="light"] .insp-fav-mode-btn.is-active{
  color:#fff;
  border-color:transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%),
    linear-gradient(135deg,#8b5cf6,#7c3aed);
  box-shadow:0 6px 16px rgba(124,58,237,.22);
}

body.page-inspiration[data-insp-theme="light"] .insp-search{
  background:#fff;
  border-color:rgba(124,58,237,.14);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 24px rgba(91,33,182,.04);
}
body.page-inspiration[data-insp-theme="light"] .insp-search:focus-within{
  border-color:rgba(124,58,237,.4);
  background:#fff;
  box-shadow:0 0 0 3px rgba(124,58,237,.12),0 8px 24px rgba(91,33,182,.06);
}
body.page-inspiration[data-insp-theme="light"] .insp-search input{color:#1e1b2e}
body.page-inspiration[data-insp-theme="light"] .insp-search input::placeholder{color:rgba(55,48,80,.4)}
body.page-inspiration[data-insp-theme="light"] .insp-search__btn{
  border-color:transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.28),transparent 45%),
    linear-gradient(135deg,#8b5cf6,#7c3aed);
  box-shadow:0 4px 12px rgba(124,58,237,.28);
}

body.page-inspiration[data-insp-theme="light"] .insp-cat,
body.page-inspiration[data-insp-theme="light"] .insp-facet-chip,
body.page-inspiration[data-insp-theme="light"] .insp-tag-chip{
  color:rgba(55,48,80,.72);
  border-color:transparent;
  background:transparent;
}
body.page-inspiration[data-insp-theme="light"] .insp-cat:hover,
body.page-inspiration[data-insp-theme="light"] .insp-facet-chip:hover,
body.page-inspiration[data-insp-theme="light"] .insp-tag-chip:hover{
  color:#1e1b2e;
  background:rgba(124,58,237,.06);
}
body.page-inspiration[data-insp-theme="light"] .insp-cat.is-active,
body.page-inspiration[data-insp-theme="light"] .insp-facet-chip.is-active,
body.page-inspiration[data-insp-theme="light"] .insp-tag-chip.is-active{
  color:#5b21b6;
  border-color:rgba(124,58,237,.28);
  background:
    linear-gradient(180deg,rgba(255,255,255,.85),rgba(237,233,254,.9));
  box-shadow:0 0 0 1px rgba(124,58,237,.06) inset,0 4px 12px rgba(124,58,237,.08);
}

body.page-inspiration[data-insp-theme="light"] .insp-theme-toggle{
  color:rgba(55,48,80,.68);
  background:rgba(255,255,255,.75);
  border-color:rgba(124,58,237,.14);
  font-weight:400;
}
body.page-inspiration[data-insp-theme="light"] .insp-theme-toggle:hover{
  color:rgba(55,48,80,.88);
  background:#fff;
  border-color:rgba(124,58,237,.28);
}
body.page-inspiration[data-insp-theme="light"] .insp-theme-toggle__label{font-weight:400}
body.page-inspiration[data-insp-theme="light"] .insp-theme-toggle__track{
  background:rgba(124,58,237,.12);
  border-color:rgba(124,58,237,.2);
}

body.page-inspiration[data-insp-theme="light"] .insp-results{
  background:transparent;
}
body.page-inspiration[data-insp-theme="light"] .insp-status{
  color:rgba(55,48,80,.5);
}
body.page-inspiration[data-insp-theme="light"] .insp-status.is-error{color:#dc2626}
body.page-inspiration[data-insp-theme="light"] .insp-active-chip{
  border-color:rgba(124,58,237,.22);
  background:rgba(124,58,237,.08);
  color:#5b21b6;
}
body.page-inspiration[data-insp-theme="light"] .insp-active-chip--clear{
  border-color:rgba(55,48,80,.14);
  background:rgba(255,255,255,.7);
  color:rgba(55,48,80,.55);
}
body.page-inspiration[data-insp-theme="light"] .insp-density{
  border-color:rgba(124,58,237,.12);
  background:rgba(255,255,255,.7);
}
body.page-inspiration[data-insp-theme="light"] .insp-density__btn{color:rgba(55,48,80,.4)}
body.page-inspiration[data-insp-theme="light"] .insp-density__btn:hover{color:rgba(55,48,80,.75)}
body.page-inspiration[data-insp-theme="light"] .insp-density__btn.is-active{
  color:#7c3aed;
  background:rgba(124,58,237,.1);
}

body.page-inspiration[data-insp-theme="light"] .insp-card{
  background:#fff;
  border-color:rgba(124,58,237,.06);
  box-shadow:0 8px 28px rgba(30,27,46,.06);
}
body.page-inspiration[data-insp-theme="light"] .insp-card:hover{
  box-shadow:0 14px 36px rgba(91,33,182,.12);
}
body.page-inspiration[data-insp-theme="light"] .insp-card__media{background:#f3f0fa}
body.page-inspiration[data-insp-theme="light"] .insp-card__ph{
  background:linear-gradient(145deg,#efeaf8,#e4dff2);
}
body.page-inspiration[data-insp-theme="light"] .insp-empty,
body.page-inspiration[data-insp-theme="light"] .insp-empty__hint{
  color:rgba(55,48,80,.45);
}
body.page-inspiration[data-insp-theme="light"] .insp-empty__title{color:rgba(55,48,80,.7)}
body.page-inspiration[data-insp-theme="light"] .insp-infinite-hint{color:rgba(91,33,182,.45)}
body.page-inspiration[data-insp-theme="light"] .insp-infinite-hint.is-loading{color:#7c3aed}
body.page-inspiration[data-insp-theme="light"] .insp-skel{
  border-color:rgba(124,58,237,.08);
  background:rgba(255,255,255,.8);
}
body.page-inspiration[data-insp-theme="light"] .insp-skel__block{
  background:linear-gradient(90deg,rgba(124,58,237,.04),rgba(124,58,237,.1),rgba(124,58,237,.04));
  background-size:200% 100%;
}

body.page-inspiration[data-insp-theme="light"] .insp-copy-btn,
body.page-inspiration[data-insp-theme="light"] .insp-fav-btn:not(.is-on){
  background:rgba(255,255,255,.86);
  border-color:rgba(124,58,237,.18);
  color:rgba(55,48,80,.7);
  backdrop-filter:blur(8px);
}
body.page-inspiration[data-insp-theme="light"] .insp-fav-btn.is-on{
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;
}

body.page-inspiration[data-insp-theme="light"] .insp-modal__backdrop{
  background:rgba(30,27,46,.45);
}
body.page-inspiration[data-insp-theme="light"] .insp-modal__panel{
  background:
    radial-gradient(80% 50% at 100% 0%, rgba(124,58,237,.08), transparent 55%),
    #ffffff;
  border-color:rgba(124,58,237,.14);
  box-shadow:0 28px 90px rgba(30,27,46,.18),0 0 0 1px rgba(255,255,255,.8) inset;
}
body.page-inspiration[data-insp-theme="light"] .insp-modal__title{color:#1a1528}
body.page-inspiration[data-insp-theme="light"] .insp-modal__summary{color:rgba(55,48,80,.62)}
body.page-inspiration[data-insp-theme="light"] .insp-modal__close{
  background:rgba(255,255,255,.85);
  border-color:rgba(124,58,237,.16);
  color:rgba(55,48,80,.65);
}
body.page-inspiration[data-insp-theme="light"] .insp-modal__side .insp-tag,
body.page-inspiration[data-insp-theme="light"] .insp-meta-chip{
  border-color:rgba(124,58,237,.16);
  background:rgba(124,58,237,.06);
  color:#5b21b6;
}
body.page-inspiration[data-insp-theme="light"] .insp-prompt{
  border-color:rgba(124,58,237,.12);
  background:rgba(247,245,252,.9);
  box-shadow:none;
}
body.page-inspiration[data-insp-theme="light"] .insp-prompt__head{
  background:rgba(124,58,237,.04);
  border-bottom-color:rgba(124,58,237,.08);
}
body.page-inspiration[data-insp-theme="light"] .insp-prompt__name{color:#4c1d95}
body.page-inspiration[data-insp-theme="light"] .insp-prompt__body{color:rgba(30,27,46,.78)}
body.page-inspiration[data-insp-theme="light"] .insp-prompt__body--sm{color:rgba(91,33,182,.75)}
body.page-inspiration[data-insp-theme="light"] .insp-copy{
  border-color:transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.25),transparent 45%),
    linear-gradient(135deg,#8b5cf6,#7c3aed);
}
body.page-inspiration[data-insp-theme="light"] .insp-modal__loading,
body.page-inspiration[data-insp-theme="light"] .insp-gate__text{
  color:rgba(55,48,80,.55);
}
body.page-inspiration[data-insp-theme="light"] .insp-gate__btn{
  color:#5b21b6;
  border-color:rgba(124,58,237,.28);
  background:rgba(255,255,255,.8);
}
body.page-inspiration[data-insp-theme="light"] .insp-toast{
  background:rgba(255,255,255,.94);
  border-color:rgba(124,58,237,.16);
  color:#1e1b2e;
  box-shadow:0 12px 32px rgba(30,27,46,.12);
}

body.page-inspiration[data-insp-theme="light"] .insp-color-chip{
  border-color:rgba(30,27,46,.18);
}
body.page-inspiration[data-insp-theme="light"] .insp-color-chip--all{
  border-color:rgba(91,33,182,.35);
}
body.page-inspiration[data-insp-theme="light"] .insp-color-chip--all::after{
  background:rgba(91,33,182,.45);
}

body.page-inspiration[data-insp-theme="light"] .nav-link--ext{
  color:rgba(55,48,80,.78);
  border-color:rgba(180,140,40,.35);
  background:linear-gradient(135deg,rgba(251,191,36,.14),rgba(245,158,11,.1));
}
body.page-inspiration[data-insp-theme="light"] .nav-link--inspiration,
body.page-inspiration[data-insp-theme="light"] [data-auth-nav="inspiration"]{
  color:#5b21b6;
}
body.page-inspiration[data-insp-theme="light"] .btn-cta--header{
  color:#fff;
}
body.page-inspiration[data-insp-theme="light"] .insp-modal__media-actions .insp-dl-btn,
body.page-inspiration[data-insp-theme="light"] .insp-modal__media-actions .insp-fav-btn--lg:not(.is-on){
  background:rgba(255,255,255,.88);
  border-color:rgba(124,58,237,.22);
  color:rgba(30,27,46,.78);
}
body.page-inspiration[data-insp-theme="light"] .insp-modal__media{background:#f3f0fa}
body.page-inspiration[data-insp-theme="light"] .mobile-drawer{
  background:#f7f5fc;
  color:#1e1b2e;
}