:root{--background:#eff8ff;--foreground:#172436;--muted:#617287;--line:#cfe5f6;--panel:#fff;--soft:#e8f5ff;--brand:#0284c7;--brand-dark:#0369a1;--accent:#0f766e;--danger:#b42318}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--foreground);margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}textarea{resize:vertical}pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,SFMono-Regular,monospace}a{color:inherit}.min-h-screen{min-height:100vh}.mx-auto{margin-inline:auto}.grid{display:grid}.space-y-4>*+*{margin-top:16px}.max-w-\[1480px\]{max-width:1480px}.gap-5{gap:20px}.px-5{padding-inline:20px}.py-5{padding-block:20px}.rounded-md{border-radius:8px}.border{border:1px solid var(--line)}.bg-\[var\(--panel\)\]{background:var(--panel)}.p-4{padding:16px}.mb-4{margin-bottom:16px}.mt-1{margin-top:4px}.text-sm{font-size:14px}.font-semibold{font-weight:600}.text-\[var\(--brand\)\]{color:var(--brand)}.text-2xl{font-size:26px;line-height:1.2}.font-bold{font-weight:700}.utility-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.utility-row button{border:1px solid var(--line);color:var(--brand-dark);background:#fff;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700}.utility-row button:hover{background:#e8f5ff}.field{color:var(--foreground);gap:8px;margin-top:14px;font-size:14px;font-weight:600;display:grid}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:10px 11px;line-height:1.45}.field textarea{min-height:82px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0284c724}.field.compact{margin-top:10px}.min-h-36{min-height:144px!important}.upload{background:var(--soft);min-height:94px;color:var(--brand-dark);text-align:center;border:1px dashed #8bc7ee;border-radius:8px;outline:none;place-items:center;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.upload:focus,.upload:focus-within,.upload:hover{border-color:var(--brand);background:#dff2ff;box-shadow:0 0 0 3px #0284c71a}.upload label{cursor:pointer;place-items:center;width:100%;min-height:94px;padding:14px;display:grid}.upload input{display:none}.upload small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.thumb{border:1px solid var(--line);aspect-ratio:1;background:var(--soft);border-radius:8px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb button{color:#fff;background:#172436c7;border:0;border-radius:999px;place-items:center;width:24px;height:24px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.chips,.actions,.toggle-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip,.actions button,.copy-title button,.cover-head button,.prompt-card button,.image-grid button,.tabs button{border:1px solid var(--line);color:var(--foreground);background:#fff;border-radius:8px;padding:9px 12px;font-weight:600}.chip.active,.tabs button.active{border-color:var(--brand);background:var(--brand);color:#fff}.settings{border:1px solid var(--line);background:#f8fcff;border-radius:8px;margin-top:16px;padding:14px}.settings-head,.result-head,.copy-title,.cover-head,.image-grid article div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-head span{color:var(--muted);font-size:12px}.settings-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.settings-note{color:var(--muted);margin:8px 0 0;font-size:12px}.preset-note{background:#fff;border:1px solid #d8ebf8;border-radius:8px;gap:4px;margin-top:8px;padding:8px 9px;font-size:12px;line-height:1.5;display:grid}.preset-note strong{color:var(--foreground)}.preset-note span{color:var(--muted)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;display:grid}.settings-divider{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;margin-top:16px;padding-top:14px;display:flex}.settings-divider strong{font-size:14px}.settings-divider span{color:var(--muted);text-align:right;font-size:12px;line-height:1.5}.guide-button{color:var(--brand-dark);background:#fff;border:1px solid #8bc7ee;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.guide-button:hover{background:#e8f5ff}.key-link-grid{gap:12px;display:grid}.key-link-card{border:1px solid var(--line);background:#f8fcff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.key-link-card h3{color:var(--brand-dark);margin:0;font-size:15px}.key-link-card p{color:var(--muted);margin:5px 0 7px;font-size:13px;line-height:1.55}.key-link-card code{overflow-wrap:anywhere;color:#2563eb;font-size:12px;display:block}.key-link-card a{color:var(--brand-dark);background:#fff;border:1px solid #8bc7ee;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:800;text-decoration:none}.key-link-card a:hover{background:#e8f5ff}.official-url-list{gap:6px;margin-top:8px;display:grid}.official-url-row{color:var(--muted);background:#fff;border:1px solid #d8ebf8;border-radius:8px;grid-template-columns:minmax(74px,max-content) minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px;font-size:12px;display:grid}.official-url-row span{min-width:0;color:var(--foreground);white-space:nowrap;font-weight:700}.official-url-row code{min-width:0;color:var(--brand-dark);text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,SFMono-Regular,monospace;overflow:hidden}.official-url-row button{color:var(--brand-dark);background:#f8fcff;border:1px solid #8bc7ee;border-radius:7px;padding:4px 8px;font-size:12px;font-weight:700}.official-url-row button:hover{background:#e8f5ff}.toggle-row{justify-content:space-between;margin-top:12px}.toggle-row label{align-items:center;gap:8px;font-weight:600;display:flex}.toggle-row input[type=number]{border:1px solid var(--line);border-radius:8px;width:72px;padding:8px}.primary{background:var(--brand);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px 14px;font-weight:700;display:inline-flex}.primary:hover{background:var(--brand-dark)}.primary:disabled{opacity:.65}.submit-row{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:16px;display:grid}.submit-row .primary{margin-top:0}.secondary{border:1px solid var(--line);width:100%;color:var(--foreground);background:#fff;border-radius:8px;padding:12px 14px;font-weight:700}.secondary.danger{color:var(--danger);border-color:#fecaca}.secondary.danger:hover{background:#fef2f2}.cost-panel{background:#f7fbff;border:1px solid #cfe8f5;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.cost-head,.cost-list div{justify-content:space-between;align-items:center;gap:10px;display:flex}.cost-head strong{color:var(--foreground)}.cost-head span{color:var(--brand);font-weight:800}.cost-list{max-height:116px;color:var(--muted);gap:6px;margin-top:10px;font-size:12px;display:grid;overflow:auto}.cost-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cost-list strong{color:var(--foreground);flex:none}.cost-panel p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.cost-panel small{color:var(--muted);margin-top:8px;line-height:1.5;display:block}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px;font-size:14px}.empty{text-align:center;background:linear-gradient(#fff,#edf7ff);border:1px dashed #aacce6;border-radius:8px;place-items:center;min-height:calc(100vh - 40px);padding:36px;display:grid}.loading-orb{background:#dff3ff;border-radius:999px;place-items:center;width:120px;height:120px;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #7dd3fc33}.loading-cluster{justify-items:center;gap:14px;margin-bottom:22px;display:grid}.loading-orb:before{content:"";border-radius:inherit;background:conic-gradient(from 160deg, var(--brand) 0 28%, transparent 28% 100%);width:70px;height:70px;animation:1.1s linear infinite loading-ring;position:absolute}.loading-orb:after{content:"";border-radius:inherit;background:#bfeaff;width:58px;height:58px;position:absolute}.loading-orb span{z-index:1;border-radius:inherit;background:#fff;width:24px;height:24px;position:relative;box-shadow:0 4px 16px #0284c72e}.loading-orb:not(.is-busy):before{animation-duration:2.4s}.loading-dots{gap:12px;display:inline-flex}.loading-dots i{background:#38bdf8;border-radius:999px;width:12px;height:12px;animation:.9s ease-in-out infinite loading-dot}.loading-dots i:first-child{background:var(--brand)}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){background:#7dd3fc;animation-delay:.3s}@keyframes loading-ring{to{transform:rotate(360deg)}}@keyframes loading-dot{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.empty h2,.result-head h2{margin:0;font-size:26px;line-height:1.25}.empty p,.result-head p,.muted{color:var(--muted);line-height:1.7}.result-head,.copy-panel,.panel,.tabs{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:16px}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#92400e;background:#fef3c7}.tabs{flex-wrap:wrap;gap:8px;display:flex}.copy-panel pre{border:1px solid var(--line);background:#f8fcff;border-radius:8px;max-height:520px;padding:14px;line-height:1.8;overflow:auto}.cover-panel{gap:14px;display:grid}.cover-head span{color:var(--accent);font-size:12px;font-weight:700}.cover-head h3{margin:2px 0 0}.cover-actions,.ai-image-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cover-preview{border:1px solid var(--line);cursor:zoom-in;background:#f8fcff;border-radius:8px;margin:0;overflow:hidden}.cover-preview img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.image-placeholder{min-height:220px;color:var(--muted);text-align:center;background:#eef8ff;place-items:center;gap:6px;padding:20px;display:grid}.image-placeholder.square{aspect-ratio:1}.image-placeholder strong{color:var(--foreground)}.image-placeholder span{font-size:13px}.image-placeholder.is-generating{cursor:wait}.mini-loading{background:#dff3ff;border-radius:999px;place-items:center;width:54px;height:54px;display:inline-grid;position:relative}.mini-loading:before{content:"";border-radius:inherit;background:conic-gradient(from 160deg, var(--brand) 0 30%, transparent 30% 100%);width:34px;height:34px;animation:.9s linear infinite loading-ring;position:absolute}.mini-loading:after{content:"";border-radius:inherit;background:#bfeaff;width:28px;height:28px;position:absolute}.mini-loading span{z-index:1;border-radius:inherit;background:#fff;width:12px;height:12px;position:relative;box-shadow:0 3px 10px #0284c729}.article-preview{border:1px solid var(--line);background:#f8fcff;border-radius:8px;padding:18px;line-height:1.85}.article-preview h2{color:var(--foreground);margin:22px 0 10px;font-size:20px;line-height:1.35}.article-preview>div:first-child h2{margin-top:0}.article-preview p{color:#223246;white-space:pre-wrap;margin:0 0 14px}.article-preview figure{border:1px solid var(--line);background:#fff;border-radius:8px;margin:18px 0 22px;position:relative;overflow:hidden}.copy-image-button{z-index:1;color:var(--brand-dark);background:#ffffffeb;border:1px solid #0369a12e;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 8px 18px #0f23371f}.copy-image-button:hover{background:#fff}.ai-image-panel h3{margin:0 0 12px}.ai-image-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.ai-image-card{border:1px solid var(--line);background:#f8fcff;border-radius:8px;overflow:hidden}.ai-image-head{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ai-image-head button,.version-row button{border:1px solid var(--line);color:var(--brand-dark);background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.ai-image-head button:disabled{opacity:.65}.ai-image-card img{aspect-ratio:1;object-fit:contain;cursor:zoom-in;background:#eef8ff;width:100%;display:block}.version-row{flex-wrap:wrap;gap:8px;padding:10px 12px 12px;display:flex}.version-row button.active{border-color:var(--brand);background:var(--brand);color:#fff}.article-preview img{object-fit:contain;cursor:zoom-in;background:#eef8ff;width:100%;max-height:620px;display:block}.image-modal{width:min(1120px,100%)}.image-modal-body{background:#f4f9fd;place-items:center;max-height:calc(92vh - 82px);padding:14px;display:grid;overflow:auto}.image-modal-body img{object-fit:contain;max-width:100%;max-height:calc(92vh - 120px);display:block}.article-preview figcaption{border-top:1px solid var(--line);color:var(--muted);padding:9px 12px;font-size:13px;font-weight:600}.copy-title{margin-bottom:12px}.copy-title span{color:var(--muted);font-size:12px;font-weight:700}.copy-title h3,.panel h3{margin:3px 0 0}.issue-panel{background:#fffbeb;border-color:#fde68a}.issue-panel h3{margin:0 0 6px}.issue-panel p{color:#92400e;margin:0 0 12px;line-height:1.6}.issue-list{gap:8px;display:grid}.issue-list div{background:#fff;border:1px solid #fde68a;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.issue-list span{color:var(--muted);font-size:13px;line-height:1.5}.tags{color:var(--brand-dark);font-weight:600}.note-grid,.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.note-grid>div,.prompt-card,.check{border:1px solid var(--line);background:#f8fcff;border-radius:8px;padding:12px}.note-grid p,.prompt-card p,.check p{color:var(--muted);margin-bottom:0;line-height:1.65}.stack,.checks{gap:10px;margin-top:12px;display:grid}.prompt-card div{justify-content:space-between;gap:10px;display:flex}.prompt-card span{color:var(--accent);font-size:12px;font-weight:700}.check.pass{background:#f0fdf4;border-color:#bbf7d0}.check.warn{background:#fffbeb;border-color:#fde68a}.image-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px;display:grid}.image-grid article{border:1px solid var(--line);background:#f8fcff;border-radius:8px;overflow:hidden}.image-grid img{aspect-ratio:1;object-fit:cover;background:var(--soft);width:100%}.image-grid article div{padding:12px}.modal-backdrop{z-index:50;background:#082f49b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(980px,100%);max-height:92vh;overflow:hidden;box-shadow:0 24px 70px #17243647}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.6}.modal-head button{border:1px solid var(--line);color:var(--foreground);background:#fff;border-radius:8px;padding:8px 12px;font-weight:700}.modal-body{max-height:calc(92vh - 82px);padding:20px;overflow:auto}.key-modal{width:min(560px,100%)}.key-modal-body{gap:10px;display:grid}.key-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.key-modal-actions button{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:0;min-height:54px;margin:0;padding:9px 13px;font-weight:700;display:inline-flex}.key-modal-actions .primary{border-color:var(--brand);background:var(--brand);color:#fff}.key-modal-actions .secondary{color:var(--brand-dark);background:#fff}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guide-card{border:1px solid var(--line);background:#f8fcff;border-radius:8px;padding:14px}.guide-title{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.guide-title>span{background:var(--brand);color:#fff;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.guide-title h3{margin:0;font-size:15px}.guide-title p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.65}.guide-card img{object-fit:contain;background:#fff;border:1px solid #dbeffc;border-radius:8px;width:100%;max-height:520px}.guide-tip{color:var(--muted);background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:14px;padding:14px;font-size:13px;line-height:1.7}.guide-tip strong{color:var(--foreground)}.guide-tip p{margin:6px 0 0}.guide-tip div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.guide-tip a{color:var(--brand-dark);background:#fff;border:1px solid #8bc7ee;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:700;text-decoration:none}@media (width>=1180px){.xl\:grid-cols-\[430px_1fr\]{grid-template-columns:430px 1fr}aside{align-self:start;max-height:calc(100vh - 40px);position:sticky;top:20px;overflow:auto}}@media (width<=760px){.px-5{padding-inline:12px}.py-5{padding-block:12px}.result-head,.copy-title,.settings-head,.settings-divider,.note-grid,.grid-two,.settings-grid,.modal-head,.guide-grid,.key-link-card{grid-template-columns:1fr;display:grid}.key-link-card a{text-align:center}.actions button,.copy-title button{width:100%}}