.inspiration-hero{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 24px 38px;background:radial-gradient(circle at 24% 20%,#efe7ff,transparent 35%),radial-gradient(circle at 78% 18%,#ffe8cf,transparent 32%)}
.inspiration-open{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.inspiration-title{border:0;background:none;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.inspiration-open:focus-visible,.inspiration-title:focus-visible{outline:3px solid #7961bd;outline-offset:-3px}.inspiration-meta>div{min-width:0;flex:1}.inspiration-meta h3{overflow-wrap:anywhere}.inspiration-like{white-space:nowrap;border:1px solid #e5dfe8!important;border-radius:999px;background:#fff!important;padding:7px 11px!important;color:#766674!important;cursor:pointer}.inspiration-like.active{color:#c82e55!important;background:#fff0f4!important;border-color:#f5c7d4!important}
.inspiration-detail{width:min(1080px,94vw);max-height:92vh;padding:0;border:0;border-radius:24px;background:#fff;color:#322b39;overflow:auto;box-shadow:0 28px 100px #0004}.inspiration-detail::backdrop{background:#17121dc9;backdrop-filter:blur(6px)}.inspiration-detail-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.inspiration-detail-image{display:flex;align-items:center;justify-content:center;min-height:420px;background:#f2f0f3}.inspiration-detail-image img{display:block;width:100%;max-height:86vh;object-fit:contain}.inspiration-detail-info{padding:64px 30px 32px;align-self:center}.inspiration-detail-category{font-size:12px;color:#80649f;background:#f2ecf8;border-radius:20px;padding:7px 12px}.inspiration-detail-info h2{font-size:26px;line-height:1.45;margin:24px 0 16px;overflow-wrap:anywhere}.inspiration-description{font-size:15px;line-height:1.9;white-space:pre-line;color:#685f70}.inspiration-source{font-size:12px;line-height:1.7;color:#9b91a3}.inspiration-source-link{font-size:13px;color:#7659a8}.inspiration-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.inspiration-detail-actions button{border:1px solid #e5dfe8;border-radius:999px;padding:11px 15px;cursor:pointer}.inspiration-detail-close{position:sticky;top:14px;float:right;margin:14px 14px -56px 0;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 15px #0002;font-size:25px;cursor:pointer}
@media(max-width:760px){.inspiration-detail-layout{grid-template-columns:1fr}.inspiration-detail-image{min-height:0}.inspiration-detail-image img{max-height:55vh}.inspiration-detail-info{padding:25px 22px}.inspiration-detail-info h2{font-size:21px}.inspiration-meta{flex-wrap:wrap}.inspiration-meta>div{flex-basis:100%}}
.inspiration-hero>span{font-size:11px;letter-spacing:.22em;color:#806e99}.inspiration-hero h1{margin:18px 0 12px;font:500 clamp(38px,6vw,76px)/1.05 Georgia,serif;letter-spacing:-.04em;color:#26212c}.inspiration-hero p{max-width:620px;margin:0;color:#766e7d;font-size:14px;line-height:1.9}.inspiration-hero a{margin-top:27px;padding:12px 20px;border-radius:999px;background:#27222d;color:#fff;font-size:12px}
.inspiration-tabs{position:sticky;top:var(--inspiration-header-height,76px);z-index:7;display:flex;width:100%;max-width:100%;min-width:0;height:auto;flex-wrap:wrap;align-content:center;gap:8px;overflow:visible;padding:18px 36px;border-bottom:1px solid #e7e4eb;background:#f7f7faf5;box-shadow:0 8px 20px #2726380a;backdrop-filter:blur(18px)}.inspiration-tabs button{flex:0 0 auto;white-space:nowrap;border:1px solid #dedbe3;border-radius:999px;background:#fff;padding:9px 15px;color:#706877}.inspiration-tabs button.active{background:#2b2630;color:#fff;border-color:#2b2630}.inspiration-tabs button.active::after{content:none}
.inspiration-grid{columns:4 240px;column-gap:18px;padding:12px 36px 70px}.inspiration-card{display:inline-block;width:100%;margin:0 0 24px;break-inside:avoid}.inspiration-image{position:relative;overflow:hidden;border-radius:18px;background:#e9e7ed;box-shadow:0 1px 0 #fff inset}.inspiration-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.inspiration-card:hover .inspiration-image img{transform:scale(1.025)}.inspiration-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0008);opacity:0;transition:.2s;pointer-events:none}.inspiration-card:hover .inspiration-image:after,.inspiration-card:focus-within .inspiration-image:after{opacity:1}
.inspiration-favorite{position:absolute;z-index:2;top:13px;left:13px;width:40px;height:40px;padding:9px;border:1px solid #ffffff99;border-radius:12px;background:#19151a80;color:white;opacity:0;transform:translateY(-4px);transition:.2s;backdrop-filter:blur(12px)}.inspiration-favorite svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.inspiration-favorite.active{opacity:1;color:#fff;background:#27222dcc}.inspiration-favorite.active svg{fill:currentColor}.inspiration-use{position:absolute;z-index:2;right:13px;top:13px;border:0;border-radius:12px;background:#fff;color:#25202a;padding:11px 16px;font-size:12px;font-weight:700;opacity:0;transform:translateY(-4px);transition:.2s}.inspiration-card:hover .inspiration-favorite,.inspiration-card:hover .inspiration-use,.inspiration-card:focus-within .inspiration-favorite,.inspiration-card:focus-within .inspiration-use{opacity:1;transform:none}
.inspiration-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 4px 0}.inspiration-meta h3{margin:0 0 5px;font-size:13px;color:#342e39}.inspiration-meta p{margin:0;font-size:10px;color:#9a929f}.inspiration-meta>button{border:0;background:transparent;color:#8a7aa0;padding:3px;font-size:11px}.inspiration-empty{column-span:all;text-align:center;padding:90px;color:#9c94a0}
@media(max-width:760px){.inspiration-hero{min-height:280px}.inspiration-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:14px 16px;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.inspiration-tabs::-webkit-scrollbar{display:none}.inspiration-grid{columns:2 145px;padding:8px 12px 50px;column-gap:10px}.inspiration-card{margin-bottom:16px}.inspiration-use{right:8px;top:8px;padding:8px 10px}.inspiration-favorite{top:8px;left:8px;width:34px;height:34px;opacity:1}.inspiration-meta p{display:none}}
/* Keep navigation available while choosing references. The slot preserves scroll position. */
.inspiration-header-slot{position:sticky;top:0;z-index:20;pointer-events:none}
#app .inspiration-header-slot>header{height:100%;pointer-events:auto;background:#ffffffed;backdrop-filter:blur(18px);transition:height .22s ease,box-shadow .22s ease}
#app .inspiration-header-slot.is-compact>header{height:52px;box-shadow:0 3px 14px #27263809}
.inspiration-header-slot .brand-icon{transition:width .22s,height .22s,font-size .22s}
.inspiration-header-slot.is-compact .brand-icon{width:28px;height:28px;font-size:22px}
.inspiration-header-slot.is-compact .primary.compact{padding:7px 15px}
.inspiration-header-slot nav a[href="/"]{gap:5px;white-space:nowrap;border-radius:9px}
.workspace-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:#7360ce;color:white;border-radius:10px;font-size:10px;font-weight:700}
.workspace-flying-image{position:fixed;z-index:10000;pointer-events:none;width:52px;height:52px;object-fit:cover;border:2px solid white;border-radius:12px;box-shadow:0 6px 22px #49308255}
.workspace-received{animation:workspace-receive .7s ease}
@keyframes workspace-receive{0%,100%{transform:translateY(0);background:transparent}35%{transform:translateY(-3px);background:#e9e1ff;box-shadow:0 0 0 7px #e9e1ff;color:#6243b8}65%{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){#app .inspiration-header-slot>header,.inspiration-header-slot .brand-icon{transition:none}.workspace-received{animation:none;color:#6243b8;background:#eee8ff}}

/* Center the glyph independently of browser button line-height defaults. */
.inspiration-detail-close{display:grid!important;place-items:center!important;padding:0!important;font:400 25px/1 Arial,sans-serif!important}

/* 吸顶包装层中的导航也使用双行布局，并随真实高度占位。 */
@media(max-width:700px){
  #app .inspiration-header-slot{height:auto!important}
  #app .inspiration-header-slot>header,#app .inspiration-header-slot.is-compact>header{height:auto;min-height:62px;padding:9px 13px;gap:10px;flex-wrap:wrap}
  .inspiration-header-slot .brand{font-size:17px;white-space:nowrap;flex-shrink:0}
  .inspiration-header-slot .header-right{margin-left:auto;gap:8px;flex-wrap:nowrap}
  .inspiration-header-slot nav{order:3;width:100%;height:36px;justify-content:space-between;gap:8px;overflow-x:auto}
  .inspiration-header-slot nav a{height:36px;flex:0 0 auto;font-size:11px;white-space:nowrap}
  .inspiration-header-slot .brand-icon,.inspiration-header-slot.is-compact .brand-icon{width:34px;height:34px;font-size:26px}
}