
.aw-imp-hide, .aw-imp-hide * { opacity: 0 !important; pointer-events: none !important; }
/* V3.13.2：插件接管模式会把 body 下未放行的元素 display:none——两个 id 抬高优先级放行新弹窗 */
html body > div#aw-imp#aw-imp { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; position: fixed !important; inset: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; z-index: 2147483647 !important; }   /* V3.13.1：里面每一层都不接点击——否则插件弹窗压在新弹窗上面，点到的是看不见的插件卡 */
#aw-imp { --i-t1: #18181B; --i-t2: #3F3F46; --i-t3: #71717A; --i-t4: #A1A1AA; --i-line: #E4E4E7; --i-row: #F4F4F5; --i-soft: #FAFAFA; --i-paper: #FFFFFF; --i-ink: #18181B; --i-on: #FAFAFA;
  --i-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; --i-serif: "Songti SC", "STSong", "SimSun", serif;
  position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(9,9,11,.42); font-family: var(--i-sans); color: var(--i-t1); }
html.dark-mode #aw-imp { --i-t1: #FAFAFA; --i-t2: #D4D4D8; --i-t3: #A1A1AA; --i-t4: #71717A; --i-line: #3F3F46; --i-row: #27272A; --i-soft: #1F1F23; --i-paper: #18181B; --i-ink: #FAFAFA; --i-on: #18181B; background: rgba(0,0,0,.6); }
#aw-imp *, #aw-imp *::before, #aw-imp *::after { box-sizing: border-box; }
#aw-imp .ai-box { width: min(1040px, 100%); height: min(720px, calc(100vh - 40px)); border-radius: 24px; background: var(--i-paper); box-shadow: 0 30px 60px -20px rgba(0,0,0,.4); display: flex; flex-direction: column; overflow: hidden; animation: awImpIn .16s ease-out; }
@keyframes awImpIn { from { opacity: 0; transform: translateY(8px) scale(.99); } to { opacity: 1; transform: none; } }
#aw-imp .ai-hd { display: flex; align-items: center; gap: 12px; padding: 20px 22px 16px 26px; border-bottom: 1px solid var(--i-row); }
#aw-imp .ai-t { font: 700 22px/30px var(--i-serif); white-space: nowrap; }
#aw-imp .ai-sr { margin-left: auto; width: min(260px, 45%); height: 36px; border-radius: 9999px; background: var(--i-row); display: flex; align-items: center; gap: 8px; padding: 0 14px; color: var(--i-t4); }
#aw-imp .ai-sr input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; font: 400 13px/1 var(--i-sans); color: var(--i-t1); }
#aw-imp .ai-sr input::placeholder { color: var(--i-t4); }
#aw-imp .ai-sr span { font-size: 12px; white-space: nowrap; }
#aw-imp .ai-x { all: unset; width: 34px; height: 34px; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; color: var(--i-t3); cursor: pointer; font-size: 22px; line-height: 1; }
#aw-imp .ai-x:hover { background: var(--i-row); color: var(--i-t1); }
#aw-imp .ai-main { flex: 1; min-height: 0; display: flex; }
#aw-imp .ai-sb { width: 196px; flex: none; padding: 16px 12px; border-right: 1px solid var(--i-row); overflow-y: auto; scrollbar-width: none; }
#aw-imp .ai-sb h6 { margin: 0 0 8px; padding-left: 10px; font: 600 11.5px/16px var(--i-sans); color: var(--i-t4); }
#aw-imp .ai-f { all: unset; box-sizing: border-box; width: 100%; height: 36px; padding: 0 10px; border-radius: 10px; display: flex; align-items: center; gap: 8px; font: 500 13.5px/1 var(--i-sans); color: var(--i-t2); cursor: pointer; }
#aw-imp .ai-f b { flex: 1; min-width: 0; font-weight: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#aw-imp .ai-f i { font-style: normal; font-size: 12px; color: var(--i-t4); }
#aw-imp .ai-f:hover { background: var(--i-soft); }
#aw-imp .ai-f.is-on { background: var(--i-row); color: var(--i-t1); font-weight: 700; }
#aw-imp .ai-f:focus-visible, #aw-imp .ai-c:focus-visible, #aw-imp .ai-x:focus-visible { outline: 2px solid var(--i-t1); outline-offset: 2px; }
#aw-imp .ai-wall { flex: 1; min-width: 0; overflow-y: auto; padding: 20px 22px 26px; background: var(--i-soft); scrollbar-width: thin; }
#aw-imp .ai-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
#aw-imp .ai-none { padding: 60px 0; text-align: center; font-size: 13px; color: var(--i-t4); }
#aw-imp .ai-c { all: unset; box-sizing: border-box; position: relative; display: flex; flex-direction: column; cursor: pointer; transition: transform .12s, box-shadow .12s; }
#aw-imp .ai-c:hover { transform: translateY(-2px); }
#aw-imp .ai-c.is-busy { opacity: .5; pointer-events: none; }
/* 故事：撕页便签（和构思「故事灵感」同一套四色） */
#aw-imp .ai-n { min-height: 196px; padding: 0 18px 16px; background: var(--n-p); box-shadow: 0 10px 18px -14px rgba(0,0,0,.45); }
#aw-imp .ai-n::before { content: ""; display: block; height: 24px; margin: 0 -18px 12px; background: var(--n-b); border-bottom: 1.5px dashed rgba(0,0,0,.14); }
#aw-imp .ai-n::after { content: ""; position: absolute; right: 0; bottom: 0; border-left: 22px solid transparent; border-bottom: 22px solid var(--i-soft); filter: drop-shadow(-2px -2px 2px rgba(0,0,0,.08)); }
#aw-imp .ai-g0 { --n-p: #FBE3E7; --n-b: #F6C9D1; } #aw-imp .ai-g1 { --n-p: #DDEFE4; --n-b: #BFE0CD; } #aw-imp .ai-g2 { --n-p: #FFF3BF; --n-b: #F8E38A; } #aw-imp .ai-g3 { --n-p: #DCE8F7; --n-b: #BCD0EC; }
html.dark-mode #aw-imp .ai-g0 { --n-p: #4A2F36; --n-b: #5D3A43; } html.dark-mode #aw-imp .ai-g1 { --n-p: #2C4338; --n-b: #38554A; } html.dark-mode #aw-imp .ai-g2 { --n-p: #4A4426; --n-b: #5F5830; } html.dark-mode #aw-imp .ai-g3 { --n-p: #2D3B50; --n-b: #3A4C66; }
#aw-imp .ai-n h4 { margin: 0; font: 700 18px/24px var(--i-serif); color: var(--i-t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#aw-imp .ai-n p { margin: 8px 0 0; font: 400 13.5px/22px var(--i-serif); color: var(--i-t2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
#aw-imp .ai-n small { margin-top: auto; padding-top: 10px; font-size: 11px; color: var(--i-t3); opacity: .85; }
/* 人物：关系图卡（和构思「人物设计」同一套） */
#aw-imp .ai-m { border-radius: 16px; background: var(--i-paper); box-shadow: 0 0 0 1px var(--i-line); overflow: hidden; }
#aw-imp .ai-m:hover { box-shadow: 0 0 0 1px var(--i-t4), 0 10px 20px -14px rgba(0,0,0,.35); }
#aw-imp .ai-m .ai-gr { height: 132px; background-color: var(--i-soft); background-image: radial-gradient(var(--i-line) 1px, transparent 1.2px); background-size: 12px 12px; }
#aw-imp .ai-m .ai-gr svg { display: block; width: 100%; height: 100%; }
#aw-imp .ai-m .ai-gr .n { fill: var(--i-paper); } #aw-imp .ai-m .ai-gr .t { fill: var(--i-t2); }
#aw-imp .ai-m .ai-b { padding: 11px 14px 13px; }
#aw-imp .ai-m h4 { margin: 0; font: 600 14.5px/20px var(--i-sans); color: var(--i-t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#aw-imp .ai-m .ai-w { margin-top: 4px; font-size: 12px; line-height: 17px; color: var(--i-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#aw-imp .ai-m .ai-mt { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 11.5px; color: var(--i-t4); white-space: nowrap; }
#aw-imp .ai-m .ai-mt b { font-weight: 400; color: var(--i-t3); }
@media (max-width: 720px) { #aw-imp { padding: 8px; } #aw-imp .ai-box { height: calc(100vh - 16px); border-radius: 18px; } #aw-imp .ai-main { flex-direction: column; } #aw-imp .ai-sb { width: auto; display: flex; gap: 6px; padding: 10px 12px; border-right: 0; border-bottom: 1px solid var(--i-row); overflow-x: auto; } #aw-imp .ai-sb h6 { display: none; } #aw-imp .ai-f { width: auto; flex: none; } #aw-imp .ai-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; } #aw-imp .ai-hd { flex-wrap: wrap; padding: 14px 14px 12px 18px; row-gap: 10px; } #aw-imp .ai-t { font-size: 19px; } #aw-imp .ai-x { margin-left: auto; } #aw-imp .ai-sr { order: 3; width: 100%; margin: 0; } }
@media (prefers-reduced-motion: reduce) { #aw-imp .ai-box { animation: none; } #aw-imp .ai-c { transition: none; } }
