:root{color:#1e2d32;background:#eef3f1;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;background:linear-gradient(90deg,rgba(13,102,114,.08),transparent 44%),linear-gradient(180deg,#f7faf8,#e9f0ee)}.app-shell{display:grid;grid-template-columns:minmax(420px,540px) minmax(420px,1fr);gap:24px;min-height:calc(100vh - 42px);padding:24px 24px 54px}.site-footer{position:fixed;right:0;bottom:0;left:0;z-index:2147483647;min-height:38px;padding:10px 16px 12px;border-top:1px solid rgba(207,222,217,.9);color:#60787c;background:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -8px 20px #14364014;font-size:13px;line-height:1.2;text-align:center}.editor-pane{display:flex;flex-direction:column;gap:16px;min-width:0;max-height:calc(100vh - 48px);overflow:auto;padding-right:4px}.app-header,.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.eyebrow{margin:0 0 6px;color:#557077;font-size:13px;font-weight:800;letter-spacing:0}h1,h2,h3,p{margin:0}h1{color:#143b45;font-size:28px;line-height:1.2}h2{color:#143b45;font-size:20px;line-height:1.2}h3{color:#22464f;font-size:17px}.save-state{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,520px);min-height:34px;padding:0 10px;border:1px solid #cfded9;border-radius:8px;color:#35555d;background:#f8fbfa;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collect-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #0d6672;border-radius:8px;color:#fff;background:#0d6672;font-size:13px;font-weight:800;white-space:nowrap}.collect-button:disabled{cursor:wait;opacity:.72}.tool-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #d9e4e0;border-radius:8px;background:#fff}.automation-panel{display:flex;flex-direction:column;gap:12px}.automation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 12px;border:1px solid #d8e4df;border-radius:8px;background:#f9fcfb;color:#244149;font-size:13px;font-weight:700}.toggle-row input{width:18px;height:18px;margin:0;accent-color:#0d6672}.automation-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.automation-note{color:#60787c;font-size:12px;line-height:1.45}.automation-time{margin-bottom:0}.automation-time span{white-space:nowrap}.automation-status{display:grid;gap:8px;padding:10px 12px;border:1px dashed #cfded9;border-radius:8px;background:#f8fbfa;color:#35555d;font-size:12px;line-height:1.4}.automation-status span{display:inline-flex;align-items:center;gap:7px}.template-tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:66px;padding:10px;border:1px solid transparent;border-radius:8px;color:#284147;background:#f4f8f6;text-align:left}.template-tab span{font-size:15px;font-weight:800;line-height:1.1}.template-tab small{color:#697f84;font-size:12px}.template-tab.is-active{border-color:#0d6672;color:#0d6672;background:#e7f3f1}.form-section{padding:16px;border:1px solid #dce6e2;border-radius:8px;background:#ffffffeb}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#0d6672}.section-title h2{font-size:18px}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:0}.field span{color:#4a646b;font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid #cfded9;border-radius:8px;padding:9px 10px;color:#203339;background:#fbfdfc;outline:none}.field textarea{min-height:90px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0d6672;box-shadow:0 0 0 3px #0d66721f}.tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.tip-editor,.trend-editor{min-width:0;padding:12px;border:1px solid #dce6e2;border-radius:8px;background:#f9fcfb}.trend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.trend-editor h3{margin-bottom:12px}.preview-pane{display:flex;flex-direction:column;gap:18px;min-width:0;max-height:calc(100vh - 48px)}.preview-toolbar{min-height:62px;padding:0 2px}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.history-panel{display:flex;flex-direction:column;gap:12px;padding:14px 12px;border:1px solid #d8e4df;border-radius:8px;background:#fff}.history-head{margin-bottom:0}.history-title{display:inline-flex;align-items:center;gap:8px;min-width:0}.history-title h2{font-size:18px}.history-clear{flex:0 0 auto}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dce6e2;border-radius:8px;background:#f9fcfb}.history-item-main{min-width:0}.history-item-main strong{display:block;color:#0d6672;font-size:14px;font-weight:800;line-height:1.35}.history-item-main p{margin-top:4px;color:#35555d;font-size:13px;line-height:1.45}.history-item-main small{display:block;margin-top:4px;color:#6e868b;font-size:12px}.history-item-actions{display:flex;gap:8px;flex:0 0 auto}.history-empty{color:#60787c;font-size:13px;line-height:1.45}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;min-width:44px;padding:0 12px;border:1px solid #0d6672;border-radius:8px;color:#fff;background:#0d6672;font-weight:800;white-space:nowrap}.icon-button.ghost{width:42px;padding:0;color:#31525a;background:#fff;border-color:#cfded9}.poster-frame{display:flex;align-items:flex-start;justify-content:center;min-height:0;overflow:auto;padding:18px;border:1px solid #d8e4df;border-radius:8px;background:linear-gradient(45deg,#dfe8e4 25%,transparent 25%),linear-gradient(-45deg,#dfe8e4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe8e4 75%),linear-gradient(-45deg,transparent 75%,#dfe8e4 75%);background-color:#f7faf9;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.poster-preview{display:block;width:min(100%,520px);aspect-ratio:3 / 4;border-radius:8px;box-shadow:0 18px 50px #14364033;background:#fff}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.editor-pane,.preview-pane{max-height:none}.preview-pane{order:-1}.poster-preview{width:min(100%,450px)}}@media(max-width:720px){.app-shell{padding:14px 14px 54px}.app-header,.preview-toolbar{align-items:flex-start;flex-direction:column}.header-actions{align-items:stretch;flex-direction:column;width:100%}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.icon-button,.icon-button.ghost{width:100%}.tool-strip,.field-grid.two,.tip-grid,.trend-grid{grid-template-columns:1fr}.template-tab{min-height:58px}.poster-frame{padding:10px}}