.cloud-auth-submit{width:100%;margin-top:24px}.cloud-security-tip{display:block;margin-top:16px;color:#71819a;line-height:1.7;text-align:center}.cloud-user-dot{width:8px;height:8px;border-radius:50%;background:#35dda0;box-shadow:0 0 12px #35dda0}.toast.cloud-error{background:#4a1d2b;border:1px solid #8b3852}.cloud-task-progress-card,.cloud-task-error{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#7f8da5}.cloud-task-progress-card h3{color:#dce5f4;margin:13px 0 3px}.cloud-task-loader{width:54px;height:54px;border:4px solid #24334e;border-top-color:#22caef;border-right-color:#775af5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:13px}.cloud-progress{width:min(520px,82%);height:7px;margin:15px;border-radius:10px;overflow:hidden;background:#19253a}.cloud-progress i{display:block;height:100%;background:linear-gradient(90deg,#21caf1,#775af5);transition:width .3s}.cloud-task-error span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#3f1825;color:#ff7891;font-size:23px}.cloud-task-error b{color:#f0d6dd;margin:12px}.cloud-task-error small{max-width:620px;line-height:1.7}.cloud-result-card{padding:5px}.cloud-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.cloud-result-head h3{margin:9px 0 0}.cloud-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.cloud-result-item{overflow:hidden;border:1px solid #293852;border-radius:11px;background:#091322}.cloud-result-item img,.cloud-result-item video{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#050914}.cloud-result-item video{aspect-ratio:16/9}.cloud-result-item a{display:block;margin:9px;padding:9px;border:1px solid #345174;border-radius:7px;color:#d2dbea;text-align:center;text-decoration:none;background:#101c30}.cloud-report{max-height:560px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:20px;border:1px solid #293852;border-radius:10px;background:#091322;color:#b7c2d3;line-height:1.8;font-family:inherit}@media(max-width:760px){.cloud-result-grid{grid-template-columns:1fr}.cloud-user-dot{display:none}}
.cloud-code-row{display:flex;gap:10px}.cloud-code-row input{flex:1;min-width:0}.cloud-code-row .choice{flex:0 0 auto;margin:0;white-space:nowrap}.cloud-auth-pane[hidden]{display:none}
.cloud-video-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:16px;margin-top:4px}
.cloud-video-card{overflow:hidden;border:1px solid #293852;border-radius:12px;background:#091322;display:flex;flex-direction:column}
.cloud-video-vertical{aspect-ratio:9/16;background:#050914;overflow:hidden}
.cloud-video-vertical video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.cloud-video-card-meta{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 2px}
.cloud-video-card-meta span{padding:3px 8px;border-radius:6px;background:#172640;color:#28c9ef;font-size:9px}
.cloud-video-card-meta small{color:#74839a;font-size:10px}
.cloud-video-card>a{display:block;margin:9px 10px 12px;padding:9px;border:1px solid #345174;border-radius:7px;color:#d2dbea;text-align:center;text-decoration:none;background:#101c30}
.cloud-result-tip{display:block;color:#7f9bb5;font-size:10px;margin-top:6px}
@media(max-width:900px){.cloud-video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cloud-video-grid{grid-template-columns:1fr}}
.cloud-edit-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cloud-edit-compare figure{margin:0;border:1px solid #293852;border-radius:11px;overflow:hidden;background:#081321}
.cloud-edit-compare img{display:block;width:100%;height:360px;object-fit:contain;background:#050b14}
.cloud-edit-compare figcaption{text-align:center;padding:10px;color:#91a1b7}
.cloud-prompt-details{margin-top:12px;padding:12px;border:1px solid #263750;border-radius:9px;color:#8798af}
.cloud-prompt-details p{white-space:pre-wrap}
.cloud-download{display:inline-block;padding:9px 13px;border:1px solid #345270;border-radius:8px;color:#d1dbea;text-decoration:none;background:#101d31}
@media(max-width:760px){.cloud-edit-compare{grid-template-columns:1fr}.cloud-edit-compare img{height:280px}}
.cloud-result-subtitle{display:flex;align-items:center;gap:10px;margin:22px 0 12px}
.cloud-result-subtitle b{color:#dce5f4;font-size:14px}
.cloud-result-subtitle small{color:#74839a;font-size:10px}
.cloud-result-subtitle .cloud-download{margin-left:auto;padding:6px 11px;font-size:11px}
.cloud-ecommerce-grid{grid-template-columns:repeat(5,1fr)}
.cloud-ecommerce-grid .cloud-result-item img{aspect-ratio:1}
.cloud-ecommerce-grid.grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.cloud-ecommerce-grid{grid-template-columns:repeat(3,1fr)}.cloud-ecommerce-grid.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cloud-ecommerce-grid,.cloud-ecommerce-grid.grid-4{grid-template-columns:1fr 1fr}}
.cloud-detail-long{max-width:430px;margin:4px auto 18px;border:1px solid #293852;border-radius:12px;overflow:hidden;background:#081321;box-shadow:0 12px 36px rgba(0,0,0,.28)}
.cloud-detail-long a{display:block;position:relative}
.cloud-detail-long img{display:block;width:100%;max-height:760px;object-fit:contain;background:#050b14}
.cloud-detail-long span{display:block;padding:10px;text-align:center;color:#8fa3bd;font-size:11px;border-top:1px solid #1d2b42}

/* 文案创作板块 */
.copywriting-page{max-width:1180px;margin:auto}
.copywriting-engine-note{min-width:270px;padding:14px 17px;border:1px solid #283a58;border-radius:12px;background:linear-gradient(145deg,#0d1b32,#131233);display:flex;gap:12px;align-items:center;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.copywriting-engine-note>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#19c9f0,#7a5cf6);font-size:18px;color:#fff}
.copywriting-engine-note b,.copywriting-engine-note small{display:block}
.copywriting-engine-note b{font-size:13px;color:#d9e2ef}
.copywriting-engine-note small{color:#74849d;font-size:10px;margin-top:4px}
.copywriting-form-card,.copywriting-result-card{padding:24px;border:1px solid rgba(75,96,140,.42);border-radius:14px;background:linear-gradient(145deg,rgba(13,22,40,.97),rgba(8,14,27,.98));box-shadow:0 18px 55px rgba(0,0,0,.2)}
.copywriting-result-card{margin-top:20px;min-height:220px}
.copywriting-form-card label{display:block;margin:16px 0 7px;color:#cbd6e6;font-size:12px}
.copywriting-form-card label:first-child{margin-top:0}
.copywriting-form-card textarea,.copywriting-form-card select{width:100%;border:1px solid #2b3d5e;border-radius:9px;background:#081426;color:#d6e0ee;padding:11px 13px;font-size:13px;outline:none;transition:.2s;box-sizing:border-box}
.copywriting-form-card textarea:focus,.copywriting-form-card select:focus{border-color:#27c9ef;box-shadow:0 0 0 3px rgba(39,201,239,.10)}
.copywriting-form-card textarea{resize:vertical;line-height:1.7}
.copywriting-links{font-family:Consolas,monospace}
.copywriting-tip{display:block;color:#7890ab;font-size:10px;line-height:1.7;margin-top:7px;padding:9px 12px;border:1px dashed #2b3f5f;border-radius:8px;background:rgba(18,42,66,.25)}
.copywriting-drop{height:118px;border:1px dashed #3d5279;border-radius:11px;background:#091427;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;text-align:center}
.copywriting-drop:hover,.copywriting-drop.dragging{border-color:#27caf1;background:#0c2034;box-shadow:inset 0 0 35px rgba(30,197,242,.08)}
.copywriting-drop input{position:absolute;opacity:0;width:1px;height:1px}
.copywriting-drop>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#17c8ef,#795cf6);font-size:20px;margin-bottom:8px;color:#fff}
.copywriting-drop b{color:#d3deea;font-size:12px}
.copywriting-drop small{color:#71819a;font-size:10px;margin-top:5px}
.copywriting-file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}
.copywriting-file{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #25334e;border-radius:9px;background:#0b1425}
.copywriting-file>span{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#14253f;color:#29c9ef;font-size:13px;flex:none}
.copywriting-file b{display:block;color:#c6d1e2;font-size:10px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copywriting-file small{color:#718098;font-size:9px}
.copywriting-file button{margin-left:auto;border:0;background:#16243a;color:#9aabc1;border-radius:50%;width:21px;height:21px;cursor:pointer;flex:none}
.copywriting-select-row{display:flex;gap:12px;align-items:flex-start}
.copywriting-select-row select{width:190px;flex:none}
.copywriting-style-row{display:flex;gap:8px;flex-wrap:wrap}
.copywriting-style{border:1px solid #263651;border-radius:9px;background:#0b1425;color:#9eabc0;padding:9px 13px;cursor:pointer;text-align:left;transition:.2s}
.copywriting-style b,.copywriting-style small{display:block}
.copywriting-style b{color:#c9d4e4;font-size:11px}
.copywriting-style small{color:#6f8199;font-size:9px;margin-top:3px}
.copywriting-style.active{border-color:#28c9ef;background:linear-gradient(135deg,#102b43,#251e50);box-shadow:0 0 18px rgba(51,153,255,.12)}
.copywriting-style.active b{color:#fff}
.copywriting-options{display:flex;gap:14px;margin-top:14px}
.copywriting-options>div{min-width:180px}
.copywriting-options select{width:100%}
.copywriting-generate{min-width:190px;margin-top:16px}
.copywriting-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#72829b}
.copywriting-empty>span{font-size:34px;color:#4f6482}
.copywriting-empty b{color:#cbd6e3;margin:8px}
.copywriting-empty small{font-size:11px;line-height:1.8;color:#71839d}
.cloud-text-card .cloud-result-head{align-items:flex-start}
.cloud-text-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cloud-text-actions .cloud-download{cursor:pointer;font-size:11px}
.cloud-text-body{white-space:pre-wrap;word-break:break-word;line-height:1.9;padding:18px 20px;border:1px solid #233650;border-radius:11px;background:#081426;color:#d7e1ef;font-size:13px;max-height:640px;overflow:auto}
@media(max-width:900px){.copywriting-select-row{flex-direction:column}.copywriting-select-row select{width:100%}.copywriting-file-grid{grid-template-columns:1fr 1fr}.copywriting-options{flex-wrap:wrap}}

/* ===== 图片点击放大预览（原图 / 生成图通用） ===== */
[data-img-zoom]{cursor:zoom-in}
.image-zoom-layer{position:fixed;inset:0;z-index:999998;display:flex;align-items:center;justify-content:center;background:rgba(2,6,14,.94);backdrop-filter:blur(5px);padding:5vh 4vw;cursor:zoom-out}
.image-zoom-layer .image-zoom-stage{position:relative;max-width:92vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
.image-zoom-layer img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:8px;box-shadow:0 18px 80px rgba(0,0,0,.65);cursor:zoom-out}
.image-zoom-layer small{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:#7f93b1;font-size:11px;background:rgba(8,14,27,.8);padding:6px 12px;border-radius:14px;white-space:nowrap}
.image-zoom-close{position:fixed;top:18px;right:22px;width:38px;height:38px;border:1px solid #36507a;border-radius:50%;background:#0c1830;color:#dce8f8;font-size:20px;line-height:1;cursor:pointer;z-index:999999}
.image-zoom-close:hover{background:#132a4a}

/* ===== 一句话生成：输出内容选择 ===== */
.one-line-output-mode{border:1px solid rgba(52,82,127,.5);border-radius:12px;padding:12px 14px;margin:4px 0 14px;background:linear-gradient(145deg,rgba(14,25,45,.72),rgba(8,14,27,.85))}
.one-line-mode-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}
.one-line-mode-title label{color:#dce7f5;font-size:12px;font-weight:700}
.one-line-mode-title small{color:#7c93b4;font-size:10px;text-align:right}
.one-line-mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.one-line-mode{border:1px solid #2a3e61;border-radius:10px;background:#0a1528;color:#9db0c8;padding:9px 11px;cursor:pointer;text-align:left;transition:.18s}
.one-line-mode b,.one-line-mode small{display:block}
.one-line-mode b{font-size:12px;color:#c9d7e8}
.one-line-mode small{font-size:9px;color:#6e829e;margin-top:3px;line-height:1.5}
.one-line-mode.active{border-color:#26c9f0;background:linear-gradient(135deg,#0f2c46,#251e55);box-shadow:0 0 18px rgba(42,203,245,.14)}
.one-line-mode.active b{color:#fff}
.one-line-mode:hover{border-color:#3e5f8d}

/* ===== 一句话生成结果卡片（图片 + 文案） ===== */
.one-line-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:2px}
.one-line-text-block{overflow:hidden;border:1px solid #293852;border-radius:12px;background:#0a1425}
.one-line-set-head,.one-line-sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border-bottom:1px solid #1d2d47}
.one-line-set-head{background:linear-gradient(90deg,#112a43,#1d1b3d);color:#e4edf8;font-weight:700}
.one-line-set-head b{font-size:12px}
.one-line-sec-head span{color:#7f96b4;font-size:11px}
.one-line-sec{display:block}
.one-line-copy-body{white-space:pre-wrap;word-break:break-word;line-height:1.85;padding:13px 15px;color:#d4deec;font-size:13px;max-height:320px;overflow:auto}
.one-line-sec-head .cloud-download,.one-line-set-head .cloud-download{font-size:10px;padding:6px 10px;margin:0}
.cloud-mini-copy{font-size:10px;padding:5px 9px;margin:0}
.one-line-text-warning{margin-top:14px;min-height:110px}
@media(max-width:760px){.one-line-mode-options{grid-template-columns:1fr}.one-line-text-grid{grid-template-columns:1fr}}

/* 左侧工具栏：任务完成标记 */
.tool-sidebar.grouped-menu button.tool-done{color:#9fe8c5}
.tool-sidebar.grouped-menu button.tool-done .tool-dot{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,#3ce8a0,#17c36a);
  box-shadow:0 0 8px rgba(60,232,160,.45);display:grid;place-items:center;flex:0 0 auto}
.tool-sidebar.grouped-menu button.tool-done .tool-dot::after{content:"✓";display:block;font-size:10px;line-height:1;color:#052014;font-weight:900}
.tool-sidebar.grouped-menu button.tool-done .tool-done-tag{font-style:normal;margin-left:auto;font-size:9px;padding:2px 7px;border-radius:9px;color:#052014;
  background:linear-gradient(135deg,#3ce8a0,#17c36a);font-weight:800}
.tool-sidebar.grouped-menu button.tool-done em.tool-done-tag[data-hot]::after{content:""}
@media(max-width:760px){.tool-sidebar.grouped-menu button.tool-done .tool-done-tag{display:none}}
