/* 智能文案撰稿（copywriter）— 小红书/微博/朋友圈/热点评论四平台文案生成
   来源: uidemo tool-copywriter v2（用户选定底座, 2026-09-15 移植为正式工具页）
   前缀 cwr-（formal）, 与 uidemo 的 cw2- 分离避免调试混淆 */
.cwr-page-body { background: #f6f7f9; }
.cwr-page{min-height:60vh;padding:24px 0 64px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;color:#1f2937}
.cwr-layout{max-width:1160px;margin:0 auto;padding:0 16px}
.cwr-crumb{font-size:13px;color:#6b7280;margin-bottom:12px}
.cwr-crumb a{color:#6b7280;text-decoration:none}
.cwr-crumb a:hover{color:#7c3aed}
.cwr-crumb-sep{margin:0 6px;color:#d1d5db}
.cwr-titlebox h1{font-size:25px;line-height:1.35;margin:0 0 8px;font-weight:700}
.cwr-titlebox p{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.7}
.cwr-badges{display:inline-flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.cwr-badge{font-size:11px;font-weight:600;color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;padding:3px 10px}
.cwr-block{margin-top:28px;margin-bottom:20px}
.cwr-block-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.cwr-block-head h2{font-size:18px;margin:0;font-weight:600}
.cwr-block-sub{font-size:12px;color:#9ca3af}
.cwr-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px}
.cwr-hide{display:none}

/* 工作台骨架 */
.cwr-workbench{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}
.cwr-side-inner{position:sticky;top:76px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;display:flex;flex-direction:column;min-height:520px}
.cwr-side-sec{margin-bottom:14px}
.cwr-flex1{flex:1}
.cwr-lab{font-size:12px;font-weight:700;color:#6b7280;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}

/* 平台竖排大按钮 */
.cwr-plats{display:flex;flex-direction:column;gap:6px}
.cwr-plat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;border:1px solid #e5e7eb;background:#fafafa;border-radius:8px;cursor:pointer;text-align:left;transition:all .12s;color:#6b7280}
.cwr-plat b{font-size:14px}
.cwr-plat span{font-size:11px;color:#9ca3af}
.cwr-plat:hover{border-color:#c4b5fd}
.cwr-plat.on{background:#f5f3ff;border-color:#7c3aed;color:#4c1d95}
.cwr-plat.on span{color:#8b5cf6}

.cwr-input{width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px;border:1.5px solid #e5e7eb;border-radius:8px;outline:none}
.cwr-input:focus{border-color:#7c3aed}
.cwr-chips{display:flex;gap:6px;flex-wrap:wrap}
.cwr-chip{padding:5px 11px;font-size:12px;background:#fafafa;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;color:#4b5563;transition:all .12s}
.cwr-chip:hover{border-color:#c4b5fd}
.cwr-chip.on{background:#f5f3ff;border-color:#7c3aed;color:#4c1d95;font-weight:600}
.cwr-switch{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;cursor:pointer;margin-bottom:10px;font-weight:400}
.cwr-switch input{display:none}
.cwr-switch span{width:32px;height:18px;background:#d1d5db;border-radius:999px;position:relative;transition:background .15s;flex:none}
.cwr-switch span::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:left .15s}
.cwr-switch input:checked+span{background:#7c3aed}
.cwr-switch input:checked+span::after{left:16px}
.cwr-go{width:100%;padding:12px;font-size:15px;font-weight:700;background:#7c3aed;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px rgba(124,58,237,.22)}
.cwr-go:hover{background:#6d28d9}
.cwr-again{width:100%;margin-top:8px;padding:10px;font-size:13px;font-weight:600;background:#fff;color:#7c3aed;border:1.5px solid #ddd6fe;border-radius:8px;cursor:pointer}
.cwr-again:hover{background:#faf5ff}

/* 右栏主区 */
.cwr-empty{background:#fff;border:1px dashed #d1d5db;border-radius:10px;padding:70px 20px;text-align:center}
.cwr-empty-icon{font-size:40px;margin-bottom:12px}
.cwr-empty-main{font-size:16px;color:#374151;font-weight:600;margin-bottom:6px}
.cwr-empty-sub{font-size:13px;color:#9ca3af}

.cwr-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cwr-plan{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;display:flex;flex-direction:column;font-size:13px;line-height:1.75}
.cwr-plan-head{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}
.cwr-plan-tag{font-size:11px;font-weight:700;color:#7c3aed;background:#f5f3ff;border-radius:5px;padding:3px 8px}
.cwr-plan-acts{margin-left:auto;display:flex;gap:4px}
.cwr-ico{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .12s}
.cwr-ico:hover{border-color:#c4b5fd;background:#f5f3ff}
.cwr-ico.faved{background:#fef9c3;border-color:#eab308}
.cwr-plan-body{white-space:pre-wrap;word-break:break-word;flex:1;color:#374151}
.cwr-plan-body .cwr-t{display:block;font-weight:600;color:#111827;margin-bottom:2px}
.cwr-plan-body .cwr-lab2{display:block;font-size:11px;font-weight:700;color:#9ca3af;margin:8px 0 3px}
.cwr-plan-foot{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid #f3f4f6}
.cwr-wc{font-size:11px;color:#9ca3af}
.cwr-wc b{color:#059669}
.cwr-copy{margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;color:#6b7280}
.cwr-copy:hover{border-color:#c4b5fd;color:#7c3aed}

/* 收藏篮 */
.cwr-fav{margin-top:16px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 16px}
.cwr-fav-head{display:flex;align-items:center;margin-bottom:10px}
.cwr-fav-head h2{font-size:15px;margin:0;font-weight:700}
.cwr-fav-head em{font-style:normal;font-size:11px;font-weight:700;color:#b45309;background:#fef3c7;border-radius:999px;padding:2px 8px;margin-left:6px}
.cwr-fav-acts{margin-left:auto;display:flex;gap:6px}
.cwr-fbtn{padding:5px 12px;font-size:12px;font-weight:600;border:1px solid #fde68a;background:#fff;border-radius:6px;cursor:pointer;color:#92400e}
.cwr-fbtn:hover{background:#fefce8}
.cwr-fbtn-warn:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}
.cwr-fav-list{display:flex;flex-direction:column;gap:6px}
.cwr-fav-item{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid #fde68a;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.6}
.cwr-fav-item p{margin:0;flex:1;white-space:pre-wrap;word-break:break-word;color:#374151;max-height:60px;overflow:hidden}
.cwr-fav-del{border:none;background:none;cursor:pointer;font-size:14px;color:#d1d5db;flex:none;padding:0 2px}
.cwr-fav-del:hover{color:#b91c1c}
.cwr-fav-tip{font-size:11px;color:#b45309;margin-top:8px;line-height:1.6}

/* 提示卡 */
.cwr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.cwr-tipcard{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.6;color:#6b7280}
.cwr-tipcard b{display:block;color:#374151;margin-bottom:2px;font-size:13px}

/* 三步引导 */
.cwr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cwr-step b{display:inline-flex;width:26px;height:26px;border-radius:50%;background:#f5f3ff;color:#7c3aed;font-size:13px;align-items:center;justify-content:center;margin-bottom:8px}
.cwr-step h3{font-size:14px;margin:0 0 4px}
.cwr-step p{font-size:13px;color:#6b7280;margin:0;line-height:1.6}

/* 场景卡矩阵 */
.cwr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cwr-scene{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;display:flex;flex-direction:column}
.cwr-scene-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cwr-scene-name{font-size:15px;font-weight:700}
.cwr-scene-plats{margin-left:auto;display:flex;gap:3px}
.cwr-spt{width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;border:1px solid #e5e7eb;background:#fafafa;border-radius:6px;cursor:pointer;padding:0}
.cwr-spt:hover{border-color:#ddd6fe}
.cwr-spt.on{background:#f5f3ff;border-color:#7c3aed}
.cwr-scene-list{display:flex;flex-direction:column;gap:6px;flex:1}
.cwr-sitem{position:relative;background:#fafafa;border:1px solid #f3f4f6;border-radius:8px;padding:9px 10px;font-size:12.5px;line-height:1.65;color:#374151;white-space:pre-wrap;word-break:break-word}
.cwr-sitem .cwr-scopy{position:absolute;right:6px;top:6px;padding:2px 8px;font-size:10px;font-weight:600;border:1px solid #e5e7eb;background:#fff;border-radius:5px;cursor:pointer;color:#9ca3af}
.cwr-sitem .cwr-scopy:hover{color:#7c3aed;border-color:#ddd6fe}
.cwr-scene-foot{margin-top:10px}
.cwr-smore{width:100%;padding:7px;font-size:12px;font-weight:600;background:#fff;border:1px dashed #d1d5db;border-radius:7px;cursor:pointer;color:#6b7280}
.cwr-smore:hover{border-color:#7c3aed;color:#6d28d9;background:#faf5ff}

/* 公式区 */
.cwr-formulas{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cwr-fm{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;overflow:hidden}
.cwr-fm i{position:absolute;right:10px;top:4px;font-style:normal;font-size:34px;font-weight:800;color:#f5f3ff;line-height:1}
.cwr-fm b{font-size:14px;color:#6d28d9;display:block;margin-bottom:4px;position:relative}
.cwr-fm span{display:block;font-size:13px;color:#374151;margin-bottom:5px;position:relative}
.cwr-fm p{font-size:12px;color:#9ca3af;margin:0;line-height:1.6;position:relative}

/* 标签库 */
.cwr-tags{display:flex;flex-direction:column;gap:12px}
.cwr-tagrow{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.cwr-taglab{font-size:12px;font-weight:700;color:#6b7280;flex:none;width:76px;padding-top:5px}
.cwr-tag{padding:5px 12px;font-size:12px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;color:#4b5563;transition:all .12s}
.cwr-tag:hover{border-color:#7c3aed;color:#6d28d9;background:#f5f3ff}

/* 对照表 */
.cwr-table-wrap{overflow-x:auto}
.cwr-table{width:100%;border-collapse:collapse;font-size:13px}
.cwr-table th{background:#f5f3ff;color:#6d28d9;text-align:left;padding:9px 12px;font-size:12px;white-space:nowrap}
.cwr-table td{border-top:1px solid #f3f4f6;padding:9px 12px;vertical-align:top;line-height:1.6;color:#4b5563}
.cwr-table td:first-child{white-space:nowrap}

/* 相关工具 */
.cwr-related{display:flex;flex-wrap:wrap;gap:10px}
.cwr-rel{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#4b5563;text-decoration:none;transition:all .12s}
.cwr-rel:hover{border-color:#c4b5fd;color:#6d28d9;background:#faf5ff}

/* SEO 正文 */
.cwr-seo{margin-top:28px;font-size:14px;line-height:1.8;color:#374151}
.cwr-seo h2{font-size:18px;margin:24px 0 10px;font-weight:600}
.cwr-seo p{margin:0 0 12px}
.cwr-seo a{color:#7c3aed}

.cwr-toast{position:fixed;left:50%;bottom:40px;transform:translateX(-50%) translateY(20px);background:#111827;color:#fff;font-size:13px;padding:9px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:all .2s;z-index:99}
.cwr-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (max-width:900px){
    .cwr-workbench{grid-template-columns:1fr}
    .cwr-side-inner{position:static;min-height:0}
    .cwr-plans{grid-template-columns:1fr}
    .cwr-cards{grid-template-columns:1fr}
    .cwr-steps{grid-template-columns:1fr}
    .cwr-grid{grid-template-columns:repeat(2,1fr)}
    .cwr-formulas{grid-template-columns:1fr}
    .cwr-titlebox h1{font-size:20px}
}
@media (max-width:560px){
    .cwr-grid{grid-template-columns:1fr}
}