.inspiration-tabs { margin-bottom:22px; }
.inspiration-result-meta { display:flex; justify-content:space-between; margin:0 0 16px; color:#8a95a9; font-size:12px; }
.inspiration-result-meta span:first-child { color:#6d7a94; }
.inspiration-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.inspiration-card { display:flex; flex-direction:column; min-width:0; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 10px #25375704; transition:transform .2s,box-shadow .2s; }
.inspiration-card:hover { transform:translateY(-3px); box-shadow:0 12px 25px #3444680c; }
.inspiration-cover { display:block; flex:none; position:relative; width:100%; padding:0; border:0; overflow:hidden; text-align:left; aspect-ratio:16/10; background:#eef1f8; }
.inspiration-cover::after { content:'查看创意详情 ↗'; position:absolute; right:14px; bottom:13px; padding:5px 9px; border-radius:5px; color:#4c5a77; background:#ffffffdf; font-size:11px; opacity:0; transform:translateY(3px); transition:opacity .2s,transform .2s; }
.inspiration-cover:hover::after,.inspiration-cover:focus-visible::after { opacity:1; transform:none; }
.inspiration-art { height:100%; min-height:0; color:#6275aa; background:#e9edf7; display:flex; flex-direction:column; justify-content:center; position:relative; }
.inspiration-art-label { position:absolute; top:14px; left:18px; color:currentColor; opacity:.6; font-size:9px; letter-spacing:1.1px; }
.inspiration-art svg { width:100%; height:100%; padding-top:17px; }
.inspiration-art-scene { background:#eeeae4; color:#927b65; }
.inspiration-art-result { background:#e6eee9; color:#668d7b; }
.inspiration-art-compare { background:#e9e8f1; color:#82769c; }
.inspiration-art-command { background:#ebeff6; color:#6984ad; }
.inspiration-art-knowledge { background:#efece3; color:#958867; }
.inspiration-image { width:100%; height:100%; object-fit:cover; display:block; }
.inspiration-recommend { display:inline-flex; align-items:center; gap:5px; color:#835b24; background:#fff5dd; padding:4px 9px; border-radius:5px; font-size:11px; font-weight:550; line-height:18px; white-space:nowrap; }
.inspiration-recommend .icon { width:12px; height:12px; }
.inspiration-cover>.inspiration-recommend { position:absolute; top:13px; right:13px; box-shadow:0 2px 8px #7259310a; }
.inspiration-card-body { display:flex; flex-direction:column; flex:1; padding:20px 21px 13px; }
.inspiration-card-meta { display:flex; align-items:center; gap:6px 10px; color:#59677e; font-size:11px; line-height:18px; height:18px; margin-bottom:9px; white-space:nowrap; }
.inspiration-card-meta span { flex:none; }
.inspiration-card-meta span:last-child { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.inspiration-card-meta span+span::before { content:'·'; margin-right:10px; opacity:.6; }
.inspiration-title { padding:0; border:0; background:transparent; text-align:left; width:100%; }
.inspiration-title h2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; height:3.1em; margin:0; color:#263650; font-size:17px; font-weight:600; line-height:1.55; letter-spacing:-.2px; text-wrap:balance; }
.inspiration-title:hover h2 { color:#5266c8; }
.inspiration-summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; flex:none; color:#59677e; font-size:13px; line-height:1.85; height:3.7em; margin:9px 0 0; text-wrap:pretty; }
.inspiration-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; margin-top:14px; border-top:1px solid #f0f2f7; color:#647189; font-size:11px; }
.inspiration-save { color:#6c7a94; border:0; background:transparent; }
.inspiration-save:hover,.inspiration-save.is-saved { background:#eef1fa; color:#586dcd; }
.inspiration-save.is-saved svg { fill:#e0e6fb; }
.inspiration-empty { grid-column:1/-1; padding:65px 20px; background:#fff; border-radius:12px; }
.modal.inspiration-modal { width:1120px; }
.inspiration-modal .modal-header { padding:17px 24px; }
.inspiration-modal .modal-header h2 { font-size:15px; color:#59677e; font-weight:500; }
.inspiration-modal .modal-body { padding:0; }
.inspiration-detail { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:start; }
.inspiration-detail-preview { background:#f5f6fa; padding:27px; align-self:start; min-width:0; }
.inspiration-detail-preview .inspiration-art { aspect-ratio:4/3; height:auto; border-radius:9px; overflow:hidden; }
.inspiration-detail-preview .inspiration-image { height:auto; max-height:480px; object-fit:contain; border-radius:9px; background:#eceff5; outline:1px solid rgba(0,0,0,.1); outline-offset:-1px; }
.inspiration-detail-content { padding:28px 31px 30px; min-width:0; }
.inspiration-detail-label { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:11px; color:#647189; margin-bottom:13px; }
.inspiration-detail-content>h2 { font-size:25px; line-height:1.5; color:#263650; font-weight:650; letter-spacing:-.5px; text-wrap:balance; }
.inspiration-detail-tags { display:flex; gap:7px; flex-wrap:wrap; margin-top:12px; margin-bottom:25px; }
.inspiration-section { position:relative; margin-top:24px; }
.inspiration-section-heading { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.inspiration-section-heading>span { font-size:11px; color:#728098; font-variant-numeric:tabular-nums; }
.inspiration-section-heading h3 { display:flex; align-items:center; gap:7px; font-size:14px; color:#33445f; font-weight:600; }
.inspiration-section-heading .icon { width:15px; height:15px; color:#657594; }
.inspiration-section>p { font-size:13px; line-height:1.95; color:#4b5c76; white-space:pre-wrap; overflow-wrap:anywhere; }
.inspiration-inline-copy { position:absolute; right:0; top:0; padding:0; border:0; background:none; font-size:11px; color:#586f9d; }
.inspiration-inline-copy .icon { width:12px; height:12px; }
.inspiration-prompt { margin:0; padding:15px 17px; background:#f6f7fb; border-radius:7px; border-left:2px solid #dce3f6; white-space:pre-wrap; overflow-wrap:anywhere; color:#40526e; font-family:inherit; font-size:13px; line-height:1.95; }
.inspiration-topics { display:flex; flex-wrap:wrap; gap:8px; }
.inspiration-topics button { border:1px solid #e2e7f3; border-radius:5px; padding:4px 9px; font-size:12px; color:#4f639e; background:#fafbff; transition:background .18s; }
.inspiration-topics button:hover { background:#edf1fc; }
.inspiration-section>small { display:block; margin-top:8px; color:#728098; font-size:11px; }
.inspiration-modal .modal-footer { align-items:center; padding:16px 24px; }
.inspiration-modal .modal-footer .btn { min-height:40px; color:#4b5d7c; }
.inspiration-modal .modal-footer .btn.primary { color:#fff; }
.inspiration-recommend-check { display:flex; align-items:center; gap:8px; margin-top:18px; color:#6a7892; font-size:13px; }
.inspiration-recommend-check input { width:16px; height:16px; accent-color:var(--brand); }
.inspiration-form-note { margin-top:14px; color:#96a1b3; font-size:12px; }
.inspiration-card-priority { margin-top:16px; }
.inspiration-priority { display:inline-flex; align-items:center; gap:7px; padding:3px 7px; border-radius:4px; font-size:12px; font-weight:600; line-height:19px; font-variant-numeric:tabular-nums; background:#e7efff; color:#2757c8; }
.inspiration-priority>span { font-size:10px; font-weight:400; }
.inspiration-priority.priority-p0 { background:#fff0da; color:#a34b08; }
.inspiration-priority.priority-p2 { background:#e4f7ef; color:#167452; }
.inspiration-card-priority+.inspiration-card-bottom { margin-top:11px; }
.inspiration-detail-tags .inspiration-priority { margin-right:3px; }
.inspiration-detail-tags .tag { color:#58687f; }
.inspiration-topics>span { color:#4f639e; }
.inspiration-section>p+p { margin-top:10px; }
.inspiration-filter-row { display:flex; align-items:center; flex-wrap:wrap; gap:14px 22px; margin:0 0 20px; padding:15px 0; border-bottom:1px solid #e9edf4; }
.inspiration-filter-group { display:flex; align-items:center; gap:10px; }
.inspiration-filter-group label { font-size:12px; color:#8b97ac; white-space:nowrap; }
.inspiration-filter-group .select { font-size:13px; min-width:128px; min-height:36px; padding-top:6px; padding-bottom:6px; }
.inspiration-date-range { display:flex; align-items:center; gap:8px; }
.inspiration-date-range .select { width:150px; min-height:36px; font-size:12px; }
.inspiration-date-range>span { color:#a0a9ba; font-size:12px; }
.inspiration-filter-row>.btn { margin-left:auto; font-size:12px; min-height:34px; background:transparent; border:0; color:#8694ac; }
.inspiration-export-intro { display:flex; gap:14px; margin-bottom:25px; }
.inspiration-export-intro>.icon { width:25px; height:25px; margin-top:4px; color:#8191ba; }
.inspiration-export-intro strong { font-size:16px; color:#576680; }
.inspiration-export-intro p { margin-top:6px; color:#8b97ac; font-size:13px; }
.inspiration-export-format { margin-top:20px; }
@media(max-width:540px){.inspiration-filter-row{gap:13px}.inspiration-filter-group{flex:1;gap:7px}.inspiration-filter-group label{font-size:11px}.inspiration-filter-group .select{min-width:0;flex:1;padding-left:8px;font-size:12px}.inspiration-date-range{width:100%}.inspiration-date-range .select{flex:1;width:0}.inspiration-filter-row>.btn{margin-left:0}.inspiration-detail-label time{font-size:10px}}
.inspiration-optional { margin-left:7px; color:#9ba6ba; font-size:12px; font-weight:400; }
.inspiration-wizard-options { max-height:230px; overflow-y:auto; }
.inspiration-copy-fallback { margin-top:15px; width:100%; min-height:320px; border:1px solid #e1e6f0; padding:15px; border-radius:8px; color:#63718b; resize:vertical; }
@media(min-width:1650px){.inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.inspiration-detail-content{padding:24px}.inspiration-detail-preview{padding:23px}}
@media(max-width:760px){.inspiration-detail{grid-template-columns:minmax(0,1fr)}.inspiration-detail-preview{padding:20px}.inspiration-detail-preview .inspiration-art{aspect-ratio:16/9;max-height:230px}.inspiration-detail-preview .inspiration-image{max-height:280px}.inspiration-detail-content{padding:23px}.inspiration-detail-content>h2{font-size:22px}.inspiration-section>p,.inspiration-prompt{font-size:14px}.inspiration-toolbar .search-box{width:100%}}
@media(max-width:540px){.inspiration-grid{grid-template-columns:minmax(0,1fr)}.inspiration-card-meta,.inspiration-card-bottom{font-size:12px}.inspiration-summary{font-size:14px}.inspiration-cover{aspect-ratio:16/9}.inspiration-section-heading h3{font-size:15px}.inspiration-inline-copy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.inspiration-card,.inspiration-cover::after{transition:none}.inspiration-card:hover{transform:none}}

/* Keep action buttons visible while the detail content scrolls. */
.modal.inspiration-modal[open] { display:flex; flex-direction:column; overflow:hidden; }
.inspiration-modal .modal-header,
.inspiration-modal .modal-footer { flex:none; }
.inspiration-modal .modal-body { flex:1 1 auto; min-height:0; max-height:none; overflow-y:auto; }

/* Bright, distinct accents keep the card actions easy to scan. */
.inspiration-card .admin-card-actions .tag { font-weight:600; }
.inspiration-card .admin-card-actions .tag.green { background:#dff8eb; color:#137349; }
.inspiration-card .admin-card-actions .tag.orange { background:#fff0d6; color:#94520b; }
.inspiration-card .admin-card-actions .btn,
.inspiration-modal .modal-footer .btn { transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s; }
.inspiration-card .admin-card-actions .btn[data-action^="edit:"],
.inspiration-modal .modal-footer .btn[data-action^="edit:"] { color:#2857c7; background:#eaf1ff; border-color:#c8d9ff; }
.inspiration-card .admin-card-actions .btn[data-action^="edit:"]:hover:not(:disabled),
.inspiration-modal .modal-footer .btn[data-action^="edit:"]:hover:not(:disabled) { color:#1944ad; background:#dce8ff; border-color:#a6bffa; }
.inspiration-card .admin-card-actions .btn[data-action^="hide:"] { color:#b54926; background:#fff2ec; border-color:#f6d1be; }
.inspiration-card .admin-card-actions .btn[data-action^="hide:"]:hover:not(:disabled) { color:#9d3919; background:#ffe3d5; border-color:#edb298; }
.inspiration-modal .modal-footer>a.btn { color:#fff; background:#315ce5; border-color:#315ce5; box-shadow:0 2px 5px #315ce518; }
.inspiration-modal .modal-footer>a.btn:hover { color:#fff; background:#244bcc; border-color:#244bcc; }
.inspiration-modal .modal-footer .btn[data-action^="copy:"] { color:#6240c7; background:#eee9ff; border-color:#d5c8fc; }
.inspiration-modal .modal-footer .btn[data-action^="copy:"]:hover:not(:disabled) { color:#512fb1; background:#e3d8ff; border-color:#bfaaf5; }
.inspiration-card .admin-card-actions .btn:focus-visible,
.inspiration-modal .modal-footer .btn:focus-visible { outline:3px solid #355fe699; outline-offset:3px; }
@media(prefers-reduced-motion:reduce){.inspiration-card .admin-card-actions .btn,.inspiration-modal .modal-footer .btn{transition:none}}

.inspiration-cover-empty {display:grid;place-items:center;height:100%;background:#edf1f8;color:#a7b3cb;}
.inspiration-cover-empty .icon {width:42px;height:42px;stroke-width:1.2;}
.inspiration-detail-preview .inspiration-cover-empty {aspect-ratio:16/10;min-height:150px;border-radius:9px;}

/* Brief links share the existing footer and appear only when configured. */
.inspiration-card-bottom { min-height:45px; }
.inspiration-card-links { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.inspiration-card-links .inspiration-brief,
.inspiration-modal .modal-footer>a.btn.inspiration-brief {
  color:#855718; background:#fff2d0; border-color:#efce85; box-shadow:none;
}
.inspiration-card-links .inspiration-brief { min-height:32px; padding:5px 9px; gap:5px; font-size:12px; }
.inspiration-card-links .inspiration-brief .icon { width:14px; height:14px; }
.inspiration-card-links .inspiration-brief:hover,
.inspiration-modal .modal-footer>a.btn.inspiration-brief:hover { color:#70430d; background:#ffe7a9; border-color:#e5ba59; }
.inspiration-brief:focus-visible { outline:3px solid #e5ac4299; outline-offset:3px; }
@media(max-width:540px) {
  .inspiration-card-bottom { min-height:53px; }
  .inspiration-card-links .inspiration-brief { min-height:40px; }
}

.inspiration-card .admin-card-actions { justify-content:flex-end; }