@charset "utf-8";
/* ===========================================================
   NavTX 提示词板块样式  prompt.css
   独立文件，纯新增，不覆盖任何既有选择器
   色板沿用站点主色：#13b99f / #267dff
   =========================================================== */

.prompt-page{padding:26px 0 56px}
.prompt-detail-wrap{padding:6px 0 56px}

/* ---------- 顶部 Banner ---------- */
.prompt-hero{position:relative;overflow:hidden;border-radius:20px;padding:22px 36px;margin-bottom:20px;color:#fff;
  background:linear-gradient(100deg,rgba(11,37,48,.94) 0%,rgba(13,62,66,.78) 42%,rgba(14,116,144,.28) 100%),
  url(/content/uploadfile/202610/prompt-hero.jpg) center/cover no-repeat #0f2f3f}
.prompt-hero:before{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 82% 20%,rgba(19,185,159,.18),transparent 55%)}
.prompt-hero-kicker{position:relative;z-index:2;display:inline-block;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;opacity:.72}
.prompt-hero h1{position:relative;z-index:2;margin:6px 0 5px;font-size:28px;line-height:1.2;font-weight:800;color:#fff}
.prompt-hero p{position:relative;z-index:2;margin:0;max-width:660px;font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.85)}
.prompt-hero-stat{position:absolute;right:36px;top:50%;transform:translateY(-50%);z-index:2;text-align:right}
.prompt-hero-stat b{display:block;font-size:30px;line-height:1.1;font-weight:800;color:#fff}
.prompt-hero-stat em{font-style:normal;font-size:12px;opacity:.7;color:#fff}

/* ---------- Hero 搜索框（纯白实心胶囊：高对比、干净、浮起来） ---------- */
.prompt-hero--search{padding:30px 36px}
.prompt-hero--search .prompt-search{max-width:620px;margin:6px auto 0}
.prompt-hero--search .prompt-hero-stat{top:30px;transform:none}
.prompt-search{position:relative;z-index:2;display:flex;align-items:center;max-width:560px;
  margin-top:16px;padding:0 0 0 20px;border-radius:999px;background:#fff;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 18px 40px -8px rgba(3,18,26,.5),0 2px 6px rgba(3,18,26,.18);transition:.18s}
.prompt-search:focus-within{box-shadow:0 20px 44px -8px rgba(3,18,26,.55),0 0 0 4px rgba(19,185,159,.4)}
.prompt-search__icon{flex:none;display:flex;color:#9aa8bb}
.prompt-search__icon svg{width:20px;height:20px}
.prompt-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:17px 12px;
  font-size:15px;color:#18253a;font-family:inherit}
.prompt-search input::placeholder{color:#a3b0c2}
.prompt-search input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset;-webkit-text-fill-color:#18253a}
.prompt-search input::-webkit-search-cancel-button{display:none}
.prompt-search button{flex:none;margin:6px;border:0;cursor:pointer;font-size:14.5px;font-weight:700;color:#fff;
  padding:14px 30px;border-radius:999px;font-family:inherit;letter-spacing:.02em;background:#13b99f;
  box-shadow:0 6px 16px rgba(19,185,159,.35);transition:.18s}
.prompt-search button:hover{background:#0fa98f}
.prompt-search button:active{transform:translateY(1px)}
.prompt-search__clear{flex:none;margin:0 14px 0 4px;font-size:13px;color:#8b98ac;text-decoration:none}
.prompt-search__clear:hover{color:#0f8f7c}

/* ---------- 页面主布局：左侧筛选栏 + 右侧内容（参考 aimiaoci） ---------- */
.prompt-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:22px;align-items:start}
.prompt-side{position:sticky;top:14px;background:#fff;border:1px solid #e6edf5;border-radius:18px;
  padding:14px 12px 12px;box-shadow:0 6px 22px rgba(24,37,58,.06)}
.prompt-side__head{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.06em;
  color:#8a99ad;padding:2px 10px 10px}
.prompt-side__head::before{content:'';flex:none;width:4px;height:13px;border-radius:2px;
  background:linear-gradient(180deg,#12b3a0,#0f8f7c)}
.prompt-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;
  color:#41546d;font-size:14px;line-height:1.35;text-decoration:none;transition:.16s;margin-bottom:3px}
.prompt-opt__ico{flex:none;font-style:normal;width:24px;height:24px;display:flex;align-items:center;justify-content:center;
  font-size:14.5px;border-radius:8px;background:#f2f6fa;transition:.16s}
.prompt-opt__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.prompt-opt__cnt{flex:none;font-style:normal;font-size:11.5px;font-weight:700;color:#8a99ad;
  background:#f1f5f9;border-radius:999px;padding:2px 9px;font-variant-numeric:tabular-nums;transition:.16s}
.prompt-opt:hover{background:#f4f9f8;color:#0f8f7c}
.prompt-opt:hover .prompt-opt__ico{background:#e3f4f1}
.prompt-opt--all{color:#18253a;font-weight:800;margin-bottom:8px;padding-bottom:12px;
  border-bottom:1px dashed #e6edf5}
.prompt-opt--all .prompt-opt__ico{background:linear-gradient(135deg,#0f8f7c,#14b8a2);color:#fff}
.prompt-opt.is-active{background:linear-gradient(135deg,#0f8f7c,#13a895);color:#fff;font-weight:700;
  box-shadow:0 8px 18px rgba(15,143,124,.30)}
.prompt-opt.is-active .prompt-opt__ico{background:rgba(255,255,255,.20);color:#fff}
.prompt-opt.is-active .prompt-opt__cnt{background:rgba(255,255,255,.22);color:#fff}
.prompt-main{min-width:0}

/* ---------- 列表分页 ---------- */
.prompt-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:28px 0 4px}
.prompt-pager__btn,.prompt-pager__num{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 13px;border:1px solid #e2e9f2;border-radius:10px;background:#fff;color:#40506a;font-size:14px;text-decoration:none;transition:.15s}
.prompt-pager__btn:hover,.prompt-pager__num:hover{border-color:#13b99f;color:#0f8f7c}
.prompt-pager__num.is-current{background:#0f8f7c;border-color:#0f8f7c;color:#fff;font-weight:600}
.prompt-pager__btn.is-disabled{opacity:.45;pointer-events:none}
.prompt-pager__info{margin-left:6px;font-size:13px;color:#8a97ab}

/* ---------- 结果统计行 ---------- */
.prompt-toolbar{display:flex;align-items:center;gap:7px;font-size:13px;color:#7f8da3;margin:0 0 18px}
.prompt-toolbar strong{font-size:15px;color:#0f8f7c}
.prompt-toolbar__sep{color:#cfd8e3}

/* ---------- 卡片网格 ---------- */
.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(296px,1fr));gap:20px;align-items:start}
/* 竖版分类页（人像 / 海报）：3:4 封面保持不变，仅收窄列宽让整卡更紧凑 */
.prompt-grid--portrait{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:18px}
.prompt-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8eef5;border-radius:16px;
  overflow:hidden;text-decoration:none;transition:.2s;box-shadow:0 2px 10px rgba(24,37,58,.04)}
/* 竖版封面分类（人像/海报类）：3:4 视觉区 */
.prompt-card--tall .prompt-card__visual{aspect-ratio:3/4}
.prompt-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(24,37,58,.11);border-color:#cfeee7}
.prompt-card__visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f1f5f9}
.prompt-card__visual img{width:100%;height:100%;object-fit:cover;display:block}
/* ---------- 无封面时的默认封面：按顶级分类区分配色 + 图形 ---------- */
.prompt-card__ph{position:absolute;inset:0;display:block;overflow:hidden;
  --ph-a:#13b99f;--ph-b:#267dff;--ph-c:#4f46e5;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='9' width='38' height='30' rx='4'/%3E%3Cpath d='M5 17h38'/%3E%3Cpath d='M20 27l9 4-4 1.6-1.6 4z'/%3E%3C/svg%3E");
  background:linear-gradient(128deg,var(--ph-a) 0%,var(--ph-b) 58%,var(--ph-c) 100%)}
.prompt-card__ph:before{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 80% 16%,rgba(255,255,255,.32),transparent 58%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.075) 0 2px,transparent 2px 13px),
    radial-gradient(circle at 12% 88%,rgba(0,0,0,.22),transparent 60%)}
.prompt-card__ph:after{content:"";position:absolute;right:16px;bottom:12px;width:78px;height:78px;
  background:var(--ph-ico) center/contain no-repeat;opacity:.46}

/* 网页特效 — 蓝靛 */
.prompt-card__ph[data-ph="web-effects"]{--ph-a:#0284c7;--ph-b:#4f46e5;--ph-c:#8b5cf6;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='9' width='38' height='30' rx='4'/%3E%3Cpath d='M5 17h38'/%3E%3Ccircle cx='11' cy='13' r='1.3' fill='%23fff' stroke='none'/%3E%3Ccircle cx='16' cy='13' r='1.3' fill='%23fff' stroke='none'/%3E%3Cpath d='M20 27l9 4-4 1.6-1.6 4z'/%3E%3C/svg%3E")}
/* 海报设计 — 玫红紫 */
.prompt-card__ph[data-ph="poster-design"]{--ph-a:#e11d48;--ph-b:#a21caf;--ph-c:#7c3aed;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='6' width='28' height='36' rx='3'/%3E%3Ccircle cx='19' cy='17' r='3.2'/%3E%3Cpath d='M13 36l7-8 5 5 6-7 6 10'/%3E%3C/svg%3E")}
/* 文案写作 — 橙红 */
.prompt-card__ph[data-ph="copywriting"]{--ph-a:#f59e0b;--ph-b:#ea580c;--ph-c:#dc2626;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12h30M9 20h30M9 28h20'/%3E%3Cpath d='M31 33c3 0 5 1.6 5 4M20 33c3 0 5 1.6 5 4'/%3E%3C/svg%3E")}
/* 效率办公 — 蓝青 */
.prompt-card__ph[data-ph="productivity"]{--ph-a:#2563eb;--ph-b:#0369a1;--ph-c:#0891b2;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='6' width='30' height='36' rx='4'/%3E%3Cpath d='M16 17l3 3 6-6M16 30l3 3 6-6'/%3E%3Cpath d='M30 18h4M30 31h4'/%3E%3C/svg%3E")}
/* 视频创作 — 紫粉 */
.prompt-card__ph[data-ph="video-creation"]{--ph-a:#7c3aed;--ph-b:#a21caf;--ph-c:#db2777;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='10' width='36' height='28' rx='4'/%3E%3Cpath d='M21 19l9 5-9 5z' fill='%23fff'/%3E%3C/svg%3E")}
/* 电商运营 — 橙玫 */
.prompt-card__ph[data-ph="ecom-ops"]{--ph-a:#ea580c;--ph-b:#dc2626;--ph-c:#be123c;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 16h26l-2.5 24h-21z'/%3E%3Cpath d='M18 16v-3a6 6 0 0 1 12 0v3'/%3E%3C/svg%3E")}
/* 编程开发 — 靛蓝 */
.prompt-card__ph[data-ph="coding-dev"]{--ph-a:#4338ca;--ph-b:#4f46e5;--ph-c:#0ea5e9;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 14L9 24l9 10M30 14l9 10-9 10M27 11l-6 26'/%3E%3C/svg%3E")}
/* 学习成长 — 绿 */
.prompt-card__ph[data-ph="learn-grow"]{--ph-a:#059669;--ph-b:#0d9488;--ph-c:#65a30d;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 14c-4-3-9-4-14-3v25c5-1 10 0 14 3 4-3 9-4 14-3V11c-5-1-10 0-14 3z'/%3E%3Cpath d='M24 14v25'/%3E%3C/svg%3E")}
/* 图片设计 — 青蓝 */
.prompt-card__ph[data-ph="image-design"]{--ph-a:#0891b2;--ph-b:#2563eb;--ph-c:#4f46e5;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6l18 9-18 9-18-9z'/%3E%3Cpath d='M6 24l18 9 18-9M6 33l18 9 18-9'/%3E%3C/svg%3E")}
/* 妙绘人像 — 粉玫 */
.prompt-card__ph[data-ph="portrait-art"]{--ph-a:#db2777;--ph-b:#e11d48;--ph-c:#f43f5e;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='17' r='8'/%3E%3Cpath d='M8 42c2-9 8-13 16-13s14 4 16 13'/%3E%3C/svg%3E")}
/* 数据分析 — 墨绿青 */
.prompt-card__ph[data-ph="data-analysis"]{--ph-a:#0f766e;--ph-b:#0d9488;--ph-c:#0284c7;
  --ph-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 41h34'/%3E%3Crect x='11' y='24' width='7' height='14' rx='2'/%3E%3Crect x='22' y='14' width='7' height='24' rx='2'/%3E%3Crect x='33' y='20' width='7' height='18' rx='2'/%3E%3C/svg%3E")}
.prompt-card__cat{position:absolute;left:12px;top:12px;z-index:2;font-size:11px;font-weight:600;padding:4px 10px;
  border-radius:999px;background:rgba(255,255,255,.92);color:#134e4a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.prompt-card__body{padding:14px 16px 10px;flex:1}
.prompt-card__body h3{margin:0 0 7px;font-size:16px;font-weight:700;color:#18253a;line-height:1.45}
.prompt-card__body p{margin:0;font-size:13px;line-height:1.65;color:#7f8da3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prompt-card__foot{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 14px;
  border-top:1px dashed #eef2f7}
.prompt-card__free{font-size:12px;font-weight:700;color:#0f8f7c;background:#e8faf6;border-radius:6px;padding:4px 9px}
.prompt-card__go{font-size:12.5px;color:#8b98ac}
.prompt-card:hover .prompt-card__go{color:#13b99f}

/* ---------- 详情页 ---------- */
.prompt-detail{background:#fff;border:1px solid #e8eef5;border-radius:18px;padding:30px 34px;
  box-shadow:0 2px 12px rgba(24,37,58,.04)}
.prompt-detail__head h1{margin:0 0 10px;font-size:28px;font-weight:800;color:#18253a;line-height:1.35}
.prompt-detail__lead{margin:0 0 16px;font-size:15px;line-height:1.8;color:#5a6b81}
/* 温馨提示：三级标题（同站点文章标题样式）+ 红色导语文字（浅红底只垫文字） */
.prompt-tip{margin:0 0 24px}
.prompt-tip__title{margin:0 0 10px;font-size:17px;font-weight:800;color:#18253a;line-height:1.4;
  padding-left:10px;border-left:3px solid #13b99f}
.prompt-tip__text{margin:0;font-size:14.5px;line-height:1.85;color:#d93a3a;
  background:#fdf3f3;border-radius:8px;padding:10px 16px}
.prompt-detail__tags{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.prompt-detail__tags b{font-size:11px;letter-spacing:.1em;padding:6px 12px;border-radius:8px;
  background:#eef4ff;color:#267dff;font-weight:700}
.prompt-detail__tags a.prompt-detail__tag{font-size:11px;letter-spacing:.1em;padding:6px 12px;border-radius:8px;
  background:#f2f4f8;color:#5b6b83;font-weight:700;text-decoration:none}
.prompt-detail__tags a.prompt-detail__tag:hover{background:#eef4ff;color:#267dff}
.prompt-detail__tags b.is-model{background:#e8faf6;color:#0f8f7c}
.prompt-detail__tags em{font-style:normal;font-size:12.5px;color:#8b98ac}
.prompt-detail__shot{border-radius:14px;overflow:hidden;border:1px solid #e8eef5;margin:0 auto 26px;width:fit-content;max-width:100%}
.prompt-detail__shot img{display:block;width:auto;max-width:100%;max-height:640px;height:auto}

.prompt-sec{margin-bottom:28px}

/* ---------- 直接开始使用卡片（特效版） ---------- */
@keyframes pr-ring{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pr-pulse{0%,100%{box-shadow:0 0 0 0 rgba(19,185,159,.5)}75%{box-shadow:0 0 0 8px rgba(19,185,159,0)}}
@keyframes pr-shine{0%,58%{transform:translateX(-140%) skewX(-20deg)}88%,100%{transform:translateX(260%) skewX(-20deg)}}
@keyframes pr-flow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes pr-pop{0%{transform:scale(1)}35%{transform:scale(1.35)}65%{transform:scale(.92)}100%{transform:scale(1)}}
.prompt-ready{position:relative;border:1px solid transparent;border-radius:16px;overflow:hidden;
  padding:20px 24px 22px;margin-bottom:18px;
  background:linear-gradient(115deg,#fbfefe 0%,#f4fbfa 45%,#f3f9fd 100%) padding-box,
    linear-gradient(120deg,#13b99f,#0ea5cf,#8b7cf6,#13b99f) border-box;
  background-size:auto,320% 100%;
  animation:pr-ring 9s ease-in-out infinite;
  box-shadow:0 4px 22px rgba(19,185,159,.10),0 2px 10px rgba(24,37,58,.05);
  transition:transform .25s ease,box-shadow .25s ease}
.prompt-ready:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(19,185,159,.18),0 4px 14px rgba(24,37,58,.07)}
.prompt-ready::after{content:'';position:absolute;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(19,185,159,.14) 0%,rgba(14,165,207,.08) 45%,transparent 70%);pointer-events:none}
.prompt-ready__kicker{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;
  letter-spacing:.18em;color:#0f9f7c;text-transform:uppercase;margin-bottom:12px;position:relative;z-index:1}
.prompt-ready__kicker i{width:8px;height:8px;border-radius:50%;background:#13b99f;
  box-shadow:0 0 8px rgba(19,185,159,.75);animation:pr-pulse 2.2s ease-out infinite}
.prompt-ready__row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding-bottom:16px;border-bottom:1px solid #e8f3f0;position:relative;z-index:1}
.prompt-ready__row h2{margin:0;font-size:23px;font-weight:800;line-height:1.25;
  background:linear-gradient(100deg,#18253a 30%,#0f8f7c 70%,#0ea5cf);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:pr-flow 6s linear infinite}
.prompt-ready__row span{font-size:13px;color:#8b98ac}
.prompt-ready__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:18px;position:relative;z-index:1}
.prompt-ready__main{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;
  padding:12px 26px;border-radius:12px;font-size:14.5px;font-weight:800;color:#fff;font-family:inherit;
  background:linear-gradient(120deg,#13b99f,#0ea5cf,#13b99f);background-size:200% 100%;
  animation:pr-flow 4.5s linear infinite;
  box-shadow:0 6px 18px rgba(19,185,159,.38),inset 0 1px 0 rgba(255,255,255,.25);transition:.2s}
.prompt-ready__main::after{content:'';position:absolute;top:0;left:0;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  animation:pr-shine 3.4s ease-in-out infinite}
.prompt-ready__main:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(19,185,159,.5),inset 0 1px 0 rgba(255,255,255,.25)}
.prompt-ready__main:active{transform:translateY(0) scale(.98)}
.prompt-ready__main.is-done{background:linear-gradient(120deg,#13b99f,#22c58e)}
.prompt-ready__fav{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:inherit;
  padding:12px 22px;border-radius:12px;font-size:14.5px;font-weight:700;color:#4a5c72;
  background:rgba(255,255,255,.85);border:1px solid #dbe4ee;transition:.2s}
.prompt-ready__fav:hover{border-color:#13b99f;color:#0f8f7c;transform:translateY(-2px);box-shadow:0 6px 16px rgba(19,185,159,.15)}
.prompt-ready__fav.is-on{border-color:#f43f5e;color:#e11d48;background:#fff1f2}
.prompt-ready__fav.is-on svg{animation:pr-pop .45s ease}
.prompt-ready__notes{margin-left:auto;display:flex;flex-direction:column;gap:6px;align-items:flex-end;position:relative;z-index:1}
.prompt-ready__notes em{font-style:normal;font-size:12.5px;color:#8b98ac;display:flex;align-items:center;gap:6px}
.prompt-ready__notes em i{width:7px;height:7px;border-radius:50%;background:#22c55e;flex:none;
  box-shadow:0 0 6px rgba(34,197,94,.8);animation:pr-pulse 2.6s ease-out infinite}
@media(max-width:820px){
  .prompt-ready{padding:16px 16px 18px}
  .prompt-ready__notes{margin-left:0;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .prompt-ready,.prompt-ready__kicker i,.prompt-ready__row h2,.prompt-ready__main,.prompt-ready__main::after,.prompt-ready__notes em i{animation:none}
}

/* ---------- 复制成功「去哪里使用」弹窗 ---------- */
.prompt-gomodal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.prompt-gomodal[hidden]{display:none}
.prompt-gomodal__mask{position:absolute;inset:0;background:rgba(10,16,28,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.prompt-gomodal__card{position:relative;z-index:1;width:min(560px,100%);max-height:88vh;overflow:auto;
  background:#fff;border-radius:18px;padding:26px 28px 20px;box-shadow:0 24px 60px rgba(4,18,28,.35)}
.prompt-gomodal__x{position:absolute;right:14px;top:12px;border:0;background:transparent;cursor:pointer;
  font-size:24px;line-height:1;color:#93a1b5;padding:6px}
.prompt-gomodal__x:hover{color:#18253a}
.prompt-gomodal__kicker{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;
  letter-spacing:.18em;color:#0f9f7c;text-transform:uppercase;margin-bottom:10px}
.prompt-gomodal__kicker i{width:22px;height:2px;border-radius:2px;background:#13b99f}
.prompt-gomodal__card h3{margin:0 0 6px;font-size:22px;font-weight:800;color:#18253a}
.prompt-gomodal__sub{margin:0 0 18px;font-size:13.5px;color:#7f8da3}
.prompt-gomodal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.prompt-gomodal__item{position:relative;display:flex;flex-direction:column;gap:3px;text-decoration:none;
  border:1px solid #e8eef5;border-radius:14px;padding:14px 14px 12px;background:#fff;transition:.18s}
.prompt-gomodal__item:hover{border-color:#13b99f;box-shadow:0 8px 20px rgba(24,37,58,.08);transform:translateY(-2px)}
.prompt-gomodal__logo{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:19px;font-weight:800;color:#fff;margin-bottom:10px;overflow:hidden}
.prompt-gomodal__logo.is-img{background:#f1f5f9}
.prompt-gomodal__logo.is-img img{width:44px;height:44px;object-fit:cover;border-radius:12px;display:block}
.prompt-gomodal__logo.is-d{background:#4d6bfe}
.prompt-gomodal__logo.is-doubao{background:#ef4444}
.prompt-gomodal__logo.is-kimi{background:#16a34a}
.prompt-gomodal__logo.is-tongyi{background:#f59e0b}
.prompt-gomodal__ext{position:absolute;right:12px;top:12px;color:#b6c2d1}
.prompt-gomodal__item:hover .prompt-gomodal__ext{color:#13b99f}
.prompt-gomodal__item strong{font-size:14.5px;color:#18253a}
.prompt-gomodal__item em{font-style:normal;font-size:12px;color:#8b98ac}
.prompt-gomodal__foot{margin-top:16px;padding-top:12px;border-top:1px dashed #eef2f7;
  font-size:12px;color:#a6b2c4;line-height:1.6}
.prompt-sec h2{font-size:19px;font-weight:800;color:#18253a;margin:0 0 6px}
.prompt-sec__sub{font-size:12.5px;color:#93a1b5;margin-bottom:14px}

/* ---------- 提示词代码块 ---------- */
.prompt-box{border:1px solid #e8eef5;border-radius:14px;overflow:hidden}
.prompt-box__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;
  background:#f6f9fd;border-bottom:1px solid #e8eef5}
.prompt-box__head b{font-size:13.5px;color:#18253a}
.prompt-copy{border:0;cursor:pointer;font-size:13px;font-weight:700;color:#fff;padding:8px 18px;border-radius:9px;
  background:linear-gradient(120deg,#13b99f,#267dff);box-shadow:0 6px 14px rgba(19,185,159,.26);
  font-family:inherit;transition:.18s}
.prompt-copy:hover{filter:brightness(1.06)}
.prompt-copy.is-done{background:#0f8f7c;box-shadow:none}
.prompt-box__body{margin:0;padding:18px;font-size:13.5px;line-height:1.85;color:#334155;white-space:pre-wrap;
  word-break:break-word;background:#fff;font-family:ui-monospace,Menlo,Consolas,"Courier New",monospace}

/* ---------- 使用步骤 ---------- */
.prompt-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prompt-step{background:#f8fbfe;border:1px solid #e8eef5;border-radius:14px;padding:16px 18px}
.prompt-step u{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:8px;
  background:#13b99f;color:#fff;font-size:13px;font-weight:800;text-decoration:none;margin-bottom:10px}
.prompt-step p{margin:0;font-size:12.5px;line-height:1.7;color:#7f8da3}
.prompt-step h4{margin:0 0 6px;font-size:14px;color:#18253a}

/* ---------- 正文与相关推荐 ---------- */
.navtx-plain-article-content img{max-width:100%;height:auto;border-radius:12px}
.prompt-related{margin-top:34px}
.prompt-related h2{font-size:19px;font-weight:800;color:#18253a;margin:0 0 16px}

/* ---------- 移动端 ---------- */
@media(max-width:820px){
  .prompt-page{padding:18px 0 44px}
  .prompt-layout{grid-template-columns:1fr;gap:14px}
  .prompt-side{position:static;max-height:none;padding:10px 8px;border-radius:14px}
  .prompt-side__head{padding:0 4px 6px}
  .prompt-opt{padding:9px 10px;margin-bottom:2px}
  .prompt-hero{padding:18px 20px;background:linear-gradient(100deg,rgba(11,37,48,.94) 0%,rgba(13,62,66,.82) 55%,rgba(14,116,144,.5) 100%),url(/content/uploadfile/202610/prompt-hero.jpg) center/cover no-repeat #0f2f3f}
  .prompt-hero h1{font-size:23px}
  .prompt-search{max-width:none;margin-top:13px;padding:0 0 0 14px}
  .prompt-search input{padding:15px 10px;font-size:13.5px}
  .prompt-search button{margin:5px;padding:12px 20px;font-size:13px}
  .prompt-search__clear{display:none}
  .prompt-hero-stat{position:static;transform:none;text-align:left;margin-top:12px}
  .prompt-hero-stat b{display:inline;font-size:20px;margin-right:6px}
  .prompt-grid{grid-template-columns:1fr}
  .prompt-detail{padding:22px 18px}
  .prompt-detail__head h1{font-size:22px}
  .prompt-detail__lead{font-size:14px}
  .prompt-steps{grid-template-columns:1fr}
  .prompt-box__head{flex-direction:column;gap:10px;align-items:stretch}
  .prompt-copy{width:100%}
  .prompt-box__body{padding:14px;font-size:12.5px}
}

/* ===== 提示词查看弹窗（复制提示词 → 完整提示词） ===== */
.prompt-viewer{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:24px}
.prompt-viewer[hidden]{display:none}
.prompt-viewer__mask{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(4px)}
.prompt-viewer__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);width:min(1020px,96vw);height:min(620px,88vh);background:#f4f3f1;border-radius:22px;overflow:hidden;box-shadow:0 40px 90px rgba(2,12,27,.45)}
.prompt-viewer__x{position:absolute;top:18px;right:18px;z-index:3;width:34px;height:34px;border:0;border-radius:50%;background:rgba(24,35,49,.06);color:#5c6470;font-size:19px;line-height:1;cursor:pointer;transition:.18s}
.prompt-viewer__x:hover{background:rgba(24,35,49,.12);color:#18253a}
.prompt-viewer__media{position:relative;display:flex;align-items:center;justify-content:center;padding:34px;min-height:0;background:linear-gradient(160deg,#efedea 0%,#e6e3df 100%);overflow:hidden}
.prompt-viewer__media img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 22px 48px rgba(2,12,27,.28)}
.prompt-viewer__reflabel{position:absolute;left:26px;bottom:26px;background:#2c2f33;color:#fff;border-radius:8px;padding:8px 14px;max-width:calc(100% - 52px)}
.prompt-viewer__reflabel i{display:block;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.14em;color:#9aa0a6}
.prompt-viewer__reflabel b{display:block;font-size:13px;font-weight:700;color:#fff;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prompt-viewer__pane{display:flex;flex-direction:column;min-height:0;background:#fff;padding:34px 34px 26px}
.prompt-viewer__kicker{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.16em;color:#9aa2ad;text-transform:uppercase}
.prompt-viewer__pane h3{margin:8px 0 0;font-size:26px;font-weight:900;color:#111827;line-height:1.3}
.prompt-viewer__sub{margin:7px 0 0;font-size:13px;color:#7c8592}
.prompt-viewer__box{display:flex;flex-direction:column;min-height:0;flex:1;margin-top:18px;border:1px solid #e6e8ec;border-radius:12px;overflow:hidden;background:#fff}
.prompt-viewer__boxhead{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid #eceef1;background:#fafbfc;font-size:12.5px}
.prompt-viewer__boxhead b{font-weight:800;color:#2b3442}
.prompt-viewer__boxhead b span{font-weight:600;color:#a2a9b3;margin-left:4px;font-size:11px}
.prompt-viewer__boxhead>span{color:#a2a9b3;font-size:11.5px}
.prompt-viewer__text{flex:1;min-height:0;margin:0;padding:16px 18px;overflow:auto;font-size:13.5px;line-height:1.9;color:#3a4353;white-space:pre-wrap;word-break:break-word;font-family:inherit}
.prompt-viewer__foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}
.prompt-viewer__foot>em{font-style:normal;font-size:12px;color:#9aa2ad}
.prompt-viewer__copy{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:12px 22px;background:#f0523c;color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(240,82,60,.32);transition:.18s}
.prompt-viewer__copy:hover{background:#e0432d;transform:translateY(-1px)}
.prompt-viewer__copy.is-done{background:#13b99f;box-shadow:0 8px 20px rgba(19,185,159,.3)}
@media (max-width:860px){
  .prompt-viewer{padding:14px}
  .prompt-viewer__card{grid-template-columns:1fr;max-height:92vh;overflow:auto}
  .prompt-viewer__media{padding:22px;min-height:200px}
  .prompt-viewer__reflabel{left:18px;bottom:18px}
  .prompt-viewer__pane{padding:22px 20px 18px}
  .prompt-viewer__pane h3{font-size:20px}
  .prompt-viewer__text{max-height:260px}
  .prompt-viewer__foot{flex-direction:column;align-items:stretch}
  .prompt-viewer__copy{justify-content:center}
}