@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 #e8eef5;border-radius:16px;
  padding:10px 12px;box-shadow:0 2px 10px rgba(24,37,58,.04)}
.prompt-opt--all{font-weight:900;font-size:15.5px;color:#18253a;
  margin-bottom:6px;padding-bottom:11px;border-bottom:1px solid #eef2f7}
.prompt-opt--all .prompt-opt__dot{display:none}
.prompt-opt--all small{font-size:12px;font-weight:700;color:#0f8f7c}
.prompt-opt--all.is-active{background:transparent;color:#0f8f7c}
.prompt-opt--all.is-active .prompt-opt__dot{border-color:#13b99f;border-width:4.5px}
.prompt-opt{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;
  color:#4a5c72;font-size:13.5px;line-height:1.35;text-decoration:none;transition:.15s}
.prompt-opt__dot{flex:none;width:15px;height:15px;border-radius:50%;border:1.5px solid #c3cedd;
  background:#fff;transition:.15s;position:relative}
.prompt-opt__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prompt-opt small{flex:none;font-size:11.5px;font-weight:600;color:#93a1b5}
.prompt-opt:hover{background:#f4f9f8;color:#0f8f7c}
.prompt-opt:hover .prompt-opt__dot{border-color:#13b99f}
.prompt-opt--l2{font-weight:700;color:#22344c;padding-left:8px}
.prompt-opt--l2 .prompt-opt__dot{display:none}
.prompt-opt--l2 small{display:none}
.prompt-opt--l3{padding-left:22px;font-size:13px;color:#6b7c92}
.prompt-opt--l3 .prompt-opt__dot{display:none}
.prompt-opt.is-active{background:#e9f9f5;color:#0f8f7c;font-weight:700}
.prompt-opt.is-active .prompt-opt__dot{border-color:#13b99f;border-width:4.5px}
.prompt-opt.is-active small{color:#0f8f7c}
/* 「全部分类」标题：用复合选择器提升优先级，避免被 .prompt-opt 基础规则覆盖 */
.prompt-opt.prompt-opt--all,.prompt-opt.prompt-opt--all.is-active{
  font-size:16px;font-weight:900;letter-spacing:.01em;padding-left:8px;color:#18253a}
.prompt-opt.prompt-opt--all.is-active{color:#0f8f7c}
.prompt-main{min-width:0}

/* ---------- 结果统计行 ---------- */
.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}
.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 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 0 26px}
.prompt-detail__shot img{display:block;width:100%;height:auto}

.prompt-sec{margin-bottom:28px}
.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:12px 10px;border-radius:14px}
  .prompt-side__head{padding:0 4px 8px}
  .prompt-opt--l3{padding-left:20px}
  .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}
}