:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#1e2825;background:#edf0ec;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.95),transparent 33rem),#edf0ec}button,textarea,select,input{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#f9faf7eb;border-bottom:1px solid #d7ddd8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:11px 11px 11px 3px;display:grid;place-items:center;color:#fff;background:#176b5b;font-family:Georgia,serif;font-size:21px;box-shadow:0 5px 14px #176b5b38}.brand strong{display:block;font:700 19px/1 Georgia,serif;letter-spacing:-.3px}.brand small{display:block;margin-top:4px;color:#75807c;font-size:11px;letter-spacing:.18em}.top-actions{display:flex;align-items:center;gap:10px}.save-state{color:#76807d;font-size:12px;margin-right:8px}.button{border:1px solid transparent;border-radius:9px;padding:10px 14px;font-weight:650;font-size:13px;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-secondary{background:#fff;border-color:#d2d9d4;color:#33413d}.button-primary{background:#176b5b;color:#fff;box-shadow:0 5px 13px #176b5b33}.button-primary kbd{margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.3);font:inherit;font-size:11px;opacity:.8}.workspace{display:grid;grid-template-columns:minmax(340px,1fr) 230px minmax(400px,1.08fr);min-height:calc(100vh - 72px)}.editor-panel,.settings-panel,.preview-panel{min-width:0}.editor-panel{display:flex;flex-direction:column;background:#fafbf8;border-right:1px solid #d8ded9}.settings-panel{padding:28px 20px;background:#f5f7f3;border-right:1px solid #d8ded9;overflow-y:auto}.preview-panel{display:flex;flex-direction:column;background:#e8ece7}.panel-heading{min-height:82px;padding:24px 26px 17px;display:flex;justify-content:space-between;align-items:flex-end}.panel-heading.compact{min-height:60px;padding:0 0 18px}.preview-heading{padding-left:28px;padding-right:28px}.eyebrow{margin:0 0 5px;color:#7a8581;font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.panel-heading h1,.panel-heading h2{margin:0;font:650 19px/1.15 Georgia,Songti SC,serif}.editor-actions{display:flex;gap:13px}.text-button{padding:0;border:0;background:transparent;color:#53615c;font-size:12px;font-weight:650;cursor:pointer}.text-button:hover{color:#176b5b}.text-button.danger:hover{color:#a24632}.primary-text-button{color:#176b5b;font-weight:750}.format-hint{margin:0 26px 14px;display:flex;gap:7px;flex-wrap:wrap}.format-hint span{padding:5px 7px;border:1px solid #dde2de;border-radius:6px;background:#fff;color:#78827e;font-size:10px}.format-hint b{color:#176b5b}.package-import-hint{margin:-4px 26px 12px;color:#6f7b76;font-size:10px;line-height:1.55}.package-import-hint strong{color:#43534d}.package-import-hint code{padding:1px 4px;border-radius:3px;background:#edf1ee;color:#31584b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.import-report{display:grid;gap:3px;margin:0 26px 12px;padding:11px 13px;border:1px solid #c8ddd5;border-radius:8px;background:#edf6f2;color:#31584b;font-size:10px;line-height:1.55}.import-report[hidden]{display:none}.import-report strong{font-size:11px}.import-report span,.import-report small{display:block}.import-report.has-warning{border-color:#e6c7b4;background:#fff5ed;color:#874c32}.import-variant-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;padding-top:7px;border-top:1px solid currentColor}.import-variant-row select{min-width:104px;padding:5px 7px;border:1px solid #aac8bc;border-radius:6px;background:#fff;color:#31584b;font:inherit;font-weight:700}.import-retry-button{justify-self:start;margin-top:5px;padding:6px 10px;border:1px solid #b96f4d;border-radius:6px;background:#fff;color:#874c32;font:inherit;font-weight:750;cursor:pointer}.import-retry-button:hover{background:#fff9f5}#source-editor{width:calc(100% - 52px);flex:1;min-height:480px;margin:0 26px;padding:20px;resize:none;border:1px solid #dce1dd;border-radius:12px;outline:none;background:#fff;color:#26332f;font:14px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;box-shadow:inset 0 1px 2px #14322806}#source-editor:focus{border-color:#83ad9f;box-shadow:0 0 0 3px #176b5b14}.editor-footer{padding:14px 27px 20px;display:flex;justify-content:space-between;color:#7c8783;font-size:10px}.image-workspace{margin:14px 26px 0;border:1px solid #d7dfda;border-radius:12px;background:#f3f6f3;overflow:hidden}.image-workspace[hidden]{display:none}.image-workspace>header{padding:13px 15px 11px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #dde4df}.image-workspace h2{margin:0;color:#33413c;font:650 14px/1.3 Georgia,Songti SC,serif}#image-count{color:#75817c;font-size:10px}.image-editor-list{max-height:330px;padding:12px;display:grid;gap:10px;overflow-y:auto}.image-editor-card{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:10px;border:1px solid #dce3de;border-radius:10px;background:#fff}.image-editor-card>img{width:112px;height:92px;display:block;object-fit:contain;border-radius:6px;background:#edf1ee}.image-editor-body{min-width:0;display:grid;gap:9px}.image-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.image-editor-title{min-width:0;display:grid;gap:3px}.image-editor-title strong{min-width:0;overflow:hidden;color:#34413c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.image-suggestion{color:#71827b;font-size:9px;line-height:1.35}.image-editor-heading>div:last-child{flex:0 0 auto;display:flex;gap:4px}.image-editor-heading button{padding:3px 6px;border:1px solid #d4dcd6;border-radius:5px;background:#f8faf8;color:#57655f;font-size:10px}.image-controls{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:6px}.image-control{display:grid;gap:4px;color:#7a8580;font-size:9px}.image-control select{min-width:0;width:100%;padding:5px;border:1px solid #d6ddd8;border-radius:6px;background:#fff;color:#3e4b46;font-size:10px}.image-caption-input{width:100%;padding:7px 8px;border:1px solid #d6ddd8;border-radius:6px;outline:none;color:#3e4b46;background:#fbfcfb;font-size:10px}.image-caption-input:focus{border-color:#83ad9f}.image-workspace-help{margin:0;padding:9px 14px 11px;border-top:1px solid #dde4df;color:#7b8681;font-size:9px;line-height:1.55}.setting-group{margin:0;padding:18px 0;border:0;border-top:1px solid #dce1dd}.setting-group legend{padding:0 0 12px;color:#53605c;font-size:11px;font-weight:750;letter-spacing:.08em}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.theme-card{padding:7px 5px 8px;border:1px solid #d7ddd8;border-radius:8px;background:#fff;color:#58645f;font-size:10px}.theme-card.active{border-color:#176b5b;color:#176b5b;box-shadow:0 0 0 1px #176b5b}.theme-swatch{height:38px;padding:7px;display:flex;flex-direction:column;gap:4px;margin-bottom:5px;border-radius:4px;background:#f5f6f3}.theme-swatch i{display:block;height:3px;border-radius:3px;background:#cbd2ce}.theme-swatch i:first-child{width:55%;height:5px;background:#176b5b}.theme-swatch i:last-child{width:75%}.theme-swatch.editorial{border-left:3px solid #315c9b}.theme-swatch.editorial i:first-child{background:#315c9b}.theme-swatch.warm{background:#fbf5ec}.theme-swatch.warm i:first-child{background:#a24632}.theme-swatch.briefing{background:#eef3f6;border-top:4px solid #315c9b}.theme-swatch.briefing i:first-child{background:#315c9b}.theme-swatch.ink{background:#f6f6f2;align-items:center}.theme-swatch.ink i:first-child{width:72%;background:#303733}.theme-swatch.card{background:#f2f6f3;box-shadow:inset 0 0 0 1px #c9d8d0}.theme-swatch.card i:first-child{width:70%;background:#176b5b}.theme-swatch.report{background:#eef3f7;border-left:4px solid #315c9b}.theme-swatch.report i:first-child{width:30%;background:#315c9b}.theme-swatch.story{background:#fbf4e9;align-items:center}.theme-swatch.story i:first-child{width:64%;background:#a24632}.scene-setting{padding-top:4px}.select-row{display:grid;gap:7px;margin-bottom:11px;color:#596660;font-size:10px;font-weight:700}.select-row select{width:100%;padding:9px 10px;border:1px solid #cfd8d2;border-radius:8px;color:#2f403a;background:#fff;font-size:11px}.color-row{display:flex;align-items:center;gap:10px}.color-dot,.custom-color{width:27px;height:27px;border-radius:50%;border:3px solid #f5f7f3;background:var(--dot);box-shadow:0 0 0 1px #cfd6d1}.color-dot.active{box-shadow:0 0 0 2px #293631}.custom-color{display:grid;place-items:center;overflow:hidden;background:conic-gradient(#d55252,#d1b24a,#4fa46e,#4b7eb5,#9b5da8,#d55252);color:#fff;font-weight:700;cursor:pointer}.custom-color input{position:absolute;opacity:0;width:1px;height:1px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-column label{display:grid;gap:7px;color:#596660;font-size:10px;font-weight:700}.two-column select{width:100%;border:1px solid #d3dad5;border-radius:7px;padding:8px 7px;color:#34423d;background:#fff;font-size:11px}.range-row{display:grid;gap:7px;margin:0 0 14px;color:#596660;font-size:10px;font-weight:700}.range-row:last-child{margin-bottom:0}.range-row>span{display:flex;justify-content:space-between;align-items:center}.range-row output{color:#176b5b;font-variant-numeric:tabular-nums}.range-row input{width:100%;accent-color:#176b5b}.meta-fields{display:grid;gap:9px}.meta-fields label{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;color:#596660;font-size:10px;font-weight:700}.meta-fields input{width:100%;min-width:0;padding:8px 9px;border:1px solid #d3dad5;border-radius:7px;background:#fff;color:#34423d;font-size:11px}.check-row{display:flex;align-items:center;gap:8px;margin:9px 0;color:#4f5d58;font-size:11px}.check-row input{accent-color:#176b5b}.field-help{margin:5px 0 0 22px;color:#87908c;font-size:9px;line-height:1.5}.compatibility-note{display:flex;gap:9px;padding:12px;border-radius:9px;background:#e8f0ec;color:#53635d;font-size:10px;line-height:1.55}.compatibility-note p{margin:0}.compatibility-note strong{color:#29463d}.component-summary{display:flex;gap:9px;margin:0 0 10px;padding:11px 12px;border:1px solid #d2e2da;border-radius:11px;background:#edf6f2;color:#52645d;font-size:10px;line-height:1.5}.component-summary p{display:grid;gap:2px;margin:0}.component-summary strong{color:#244c3f;font-size:10px}.component-summary span:last-child{color:#708079}.status-dot{flex:0 0 auto;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#269078;box-shadow:0 0 0 4px #2690781f}.compatibility-note+.compatibility-note{margin-top:9px}.status-dot.amber{background:#bf7a2e;box-shadow:0 0 0 4px #bf7a2e21}.view-toggle{display:flex;padding:3px;border-radius:7px;background:#dce2dc}.view-toggle button{border:0;padding:5px 9px;border-radius:5px;color:#69746f;background:transparent;font-size:10px}.view-toggle button.active{background:#fff;color:#34413d;box-shadow:0 1px 4px #23302b1a}.preview-stage{flex:1;padding:8px 28px 38px;display:grid;place-items:start center;overflow:auto}.phone-frame{width:min(100%,390px);min-height:720px;border:1px solid #d6dcd7;border-radius:23px;background:#fff;box-shadow:0 18px 50px #26362e1f;overflow:hidden;transition:width .2s}.phone-frame.wide{width:min(100%,660px)}.phone-bar{height:35px;display:flex;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid #edf0ed}.phone-bar span{width:3px;height:3px;border-radius:50%;background:#c5ccc7}.phone-bar i{width:35px;height:4px;border-radius:4px;background:#dfe4e0}.wechat-title-preview{padding:22px 30px 8px;border-bottom:1px solid #edf0ed;background:#fff}.wechat-title-preview>span{display:inline-block;margin-bottom:9px;padding:3px 6px;border-radius:4px;background:#eef2ef;color:#89928e;font-size:8px;letter-spacing:.08em}.wechat-title-preview h3{margin:0;color:#1f2925;font:700 23px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.01em;text-align:left}.wechat-title-preview p{margin:8px 0 0;color:#929a96;font-size:11px;line-height:1.5}#article-preview{padding:30px 0 58px;overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:28px;z-index:50;transform:translate(-50%,20px);padding:11px 16px;border-radius:9px;background:#21322c;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 30px #14231d33}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:#8f3d31}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#18231f7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-backdrop[hidden]{display:none}.handoff-dialog{width:min(620px,100%);max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5dcd7;border-radius:16px;background:#fbfcfa;box-shadow:0 28px 80px #14211b40}.handoff-header{padding:22px 24px 17px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e0e5e1}.handoff-header h2{margin:0;font:650 21px/1.3 Georgia,Songti SC,serif}.modal-close{width:31px;height:31px;border:1px solid #d7ddd8;border-radius:50%;background:#fff;color:#66716d;font-size:20px;line-height:1}.handoff-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 24px;background:#f1f5f2;color:#58655f;font-size:11px;line-height:1.45}.handoff-steps span{display:flex;gap:7px}.handoff-steps b{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#176b5b;color:#fff;font-size:10px}.handoff-list{padding:18px 24px;display:grid;gap:12px;overflow-y:auto}.handoff-item{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:13px;padding:10px;border:1px solid #dce2de;border-radius:10px;background:#fff}.handoff-item img{width:76px;height:58px;display:block;object-fit:cover;border-radius:5px;background:#eef1ee}.handoff-item strong{display:block;color:#34413c;font-size:12px}.handoff-item small{display:block;max-width:260px;margin-top:4px;overflow:hidden;color:#7a8580;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.copy-image-button{padding:8px 11px;border:1px solid #b9cec5;border-radius:7px;background:#eef6f2;color:#176b5b;font-size:11px;font-weight:700}.copy-image-button.copied{border-color:#176b5b;background:#176b5b;color:#fff}.handoff-footer{padding:14px 24px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #e0e5e1}.handoff-footer p{max-width:400px;margin:0;color:#7a8580;font-size:10px;line-height:1.5}.preflight-dialog{width:min(650px,100%)}.preflight-summary{margin:18px 24px 8px;padding:14px 16px;display:grid;gap:4px;border:1px solid #c9ded5;border-radius:10px;background:#edf6f2}.preflight-summary strong{color:#176b5b;font-size:14px}.preflight-summary span{color:#68756f;font-size:11px;line-height:1.5}.preflight-summary.has-warning{border-color:#ead5b5;background:#fff8ed}.preflight-summary.has-warning strong{color:#9c651f}.preflight-summary.has-error{border-color:#e4c0ba;background:#fff2f0}.preflight-summary.has-error strong{color:#a04436}.preflight-list{padding:10px 24px 20px;display:grid;gap:8px;overflow-y:auto}.preflight-item{display:grid;grid-template-columns:25px 1fr;gap:10px;padding:11px 12px;border:1px solid #dfe5e1;border-radius:9px;background:#fff}.preflight-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e8f4ef;color:#176b5b;font-size:12px;font-weight:800}.preflight-item.warning .preflight-icon{background:#fff0d8;color:#a96c20}.preflight-item.error .preflight-icon{background:#fde7e3;color:#a04436}.preflight-item strong{display:block;color:#34413c;font-size:12px}.preflight-item p{margin:3px 0 0;color:#73807a;font-size:10px;line-height:1.55}.preflight-footer>div{flex:0 0 auto;display:flex;gap:8px}.button:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none}:root{--ink: #1d2925;--muted: #718078;--jade: #176b5b;--jade-dark: #10564a;--canvas: #efeee9;--paper: #fffefb;--line: #dfe3dd;--sand: #f6f0e6}body{color:var(--ink);background:radial-gradient(circle at 7% -5%,rgba(255,255,255,.96),transparent 31rem),radial-gradient(circle at 95% 7%,rgba(208,226,218,.42),transparent 29rem),var(--canvas)}button:focus-visible,label:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,107,91,.18);outline-offset:2px}.topbar{height:76px;padding:0 24px;background:#fffefbeb;border-bottom-color:#c6cec8bf;box-shadow:0 1px #ffffffd9,0 8px 28px #21322b0e}.brand{gap:13px}.brand-mark{width:42px;height:42px;border-radius:14px 14px 14px 5px;background:linear-gradient(145deg,#1c7967,#105a4c);font-size:22px;box-shadow:0 8px 20px #176b5b3d}.brand strong{font-size:20px;letter-spacing:-.2px}.brand small{margin-top:5px;color:#748079;font-size:10px;letter-spacing:.15em}.top-actions{gap:8px}.save-state{display:inline-flex;align-items:center;gap:7px;margin-right:4px;padding:7px 10px;border-radius:999px;background:#edf5f1;color:#4d675e;font-size:11px}.save-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#269078;box-shadow:0 0 0 3px #2690781f}.button{min-height:38px;border-radius:11px;padding:9px 13px;font-size:12px}.button-secondary{background:#ffffffd1;border-color:#d7ddd8}.button-secondary:hover{border-color:#b9c7c0;background:#fff;box-shadow:0 5px 15px #23342d14}.button-primary{padding-left:16px;padding-right:16px;background:linear-gradient(145deg,#1d7766,var(--jade-dark));box-shadow:0 7px 18px #176b5b38}.workspace{height:calc(100vh - 76px);min-height:680px;padding:14px;gap:14px;grid-template-columns:minmax(430px,1.14fr) minmax(300px,.74fr) minmax(410px,1fr);background:transparent;overflow:hidden}.editor-panel,.settings-panel,.preview-panel{min-width:0;border:1px solid rgba(205,212,207,.92);border-radius:20px;background:#fffefbf5;box-shadow:0 10px 32px #23322c12,inset 0 1px #ffffffd9;overflow:hidden}.editor-panel{border-right:1px solid rgba(205,212,207,.92)}.settings-panel{padding:20px 16px 24px;border-right:1px solid rgba(205,212,207,.92);background:#faf9f5fa;overflow-y:auto}.preview-panel{background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.95),transparent 25rem),linear-gradient(160deg,#eef3ef,#e6ebe7 48%,#eeeae2)}.panel-heading{min-height:0;padding:21px 22px 15px;align-items:flex-start}.editor-panel>.panel-heading{display:grid;gap:15px}.panel-heading.compact{min-height:0;padding:2px 4px 17px}.preview-heading{padding:21px 22px 15px;align-items:center}.eyebrow{width:fit-content;margin:0 0 8px;padding:5px 8px;border-radius:999px;background:#eaf3ef;color:var(--jade);font-size:9px;letter-spacing:.15em}.panel-heading h1,.panel-heading h2{color:#1d2925;font-size:21px;line-height:1.2}.panel-subtitle{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.editor-actions{width:100%;display:flex;gap:7px;flex-wrap:wrap}.text-button{min-height:31px;display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #dce2dd;border-radius:9px;background:#fbfcfa;color:#53615c;font-size:10px}.text-button:hover{border-color:#b8cbc3;background:#f3f8f5}.primary-text-button{border-color:#b9d5ca;background:#eaf4ef;color:var(--jade)}.text-button.danger{margin-left:auto;color:#8d574a}.text-button.danger:hover{border-color:#dfc3bb;background:#fff6f3}.format-hint{margin:0 22px 11px;gap:6px}.format-hint span{padding:5px 8px;border-color:#e1e5e1;border-radius:999px;background:#f8f9f7;font-size:9px}.package-import-hint{margin:0 22px 12px;padding:9px 11px;border:1px solid #e7ddca;border-radius:9px;background:var(--sand);color:#766d60}.package-import-hint code{background:#ffffffad}.import-report{margin:0 22px 12px;border-radius:11px}#source-editor{width:calc(100% - 44px);min-height:360px;margin:0 22px;padding:20px 19px;border-color:#dfe4df;border-radius:14px;background:#fff;font-size:13px;line-height:1.8;box-shadow:inset 0 1px 3px #14322806,0 5px 18px #26342e09}#source-editor:focus{border-color:#76a998;box-shadow:0 0 0 4px #176b5b17}.editor-footer{padding:13px 23px 17px;color:#84908a}.image-workspace{margin:13px 22px 0;border-radius:14px;background:#f5f7f4}.setting-group{margin:0 0 10px;padding:14px;border:1px solid #e0e4df;border-radius:13px;background:#ffffffd4;box-shadow:0 3px 12px #2a393206}.setting-group legend{margin-left:-2px;padding:0 5px 9px;color:#42524c;font-size:10px}.theme-workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px;margin:0 0 10px;padding:9px 10px;border:1px solid #d5e2dc;border-radius:11px;background:#f3f8f5;color:#68766f;font-size:8px;text-align:center}.theme-workflow span{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.theme-workflow b{width:17px;height:17px;display:inline-grid;place-items:center;border-radius:50%;background:var(--jade);color:#fff;font-size:8px}.theme-workflow i{color:#9aaaa2;font-style:normal}.theme-system{padding:14px 12px 12px;border-color:#bdd5ca;background:linear-gradient(150deg,#f9fcfa,#f1f6f3)}.theme-system>legend{color:#244c3f;font-size:11px;font-weight:800;letter-spacing:.02em}.theme-system-help{margin:-3px 2px 11px;color:#74817b;font-size:9px;line-height:1.55}.unified-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.unified-theme-card{min-width:0;min-height:70px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid #dce3de;border-radius:10px;background:#ffffffe6;color:#35443e;text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.unified-theme-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 50%,#cfd8d3);box-shadow:0 5px 14px #23352d0f}.unified-theme-card.active{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-paper) 65%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 22%,transparent)}.unified-theme-card>span:last-child{min-width:0;display:grid;gap:3px}.unified-theme-card strong{overflow:hidden;color:#2c3934;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.unified-theme-card small{overflow:hidden;color:#7b8781;font-size:7px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.theme-miniature{width:40px;height:51px;display:flex;flex-direction:column;gap:4px;padding:7px 6px;border:1px solid #dfe4e0;border-radius:6px;background:var(--theme-paper);overflow:hidden}.theme-miniature i{display:block;width:100%;height:3px;border-radius:3px;background:#cfd6d2}.theme-miniature i:first-child{width:68%;height:6px;background:var(--theme-accent)}.theme-miniature i:nth-child(3){width:82%}.theme-miniature i:nth-child(4){width:55%}.theme-miniature.editorial{border-left:3px solid var(--theme-accent)}.theme-miniature.editorial i:first-child{height:3px;margin-bottom:3px}.theme-miniature.briefing{border-top:6px solid var(--theme-accent)}.theme-miniature.briefing i:nth-child(n+2){height:5px;background:#dcebe4}.theme-miniature.story{align-items:center;padding-top:9px}.theme-miniature.story i:first-child{width:76%}.theme-miniature.story i:nth-child(2){width:44%;background:color-mix(in srgb,var(--theme-accent) 42%,#fff)}.theme-miniature.news{border-top:3px solid var(--theme-accent);border-radius:2px}.theme-miniature.news i:first-child{width:100%;height:7px;background:#343a3f}.theme-miniature.research{border-radius:2px;background:repeating-linear-gradient(0deg,var(--theme-paper),var(--theme-paper) 8px,#dfe7ec 9px)}.theme-miniature.research i:first-child{width:28%;height:8px}.theme-miniature.interview i:first-child{width:14px;height:14px;border-radius:50%;align-self:center}.theme-miniature.interview i:nth-child(2){width:76%;align-self:center}.theme-miniature.explainer{border-radius:9px 9px 9px 2px}.theme-miniature.explainer i:nth-child(n+2){height:6px;border-radius:5px;background:#dbece3}.theme-miniature.review{border-left:2px solid var(--theme-accent)}.theme-miniature.review i{margin-left:3px}.theme-miniature.review i:first-child{width:100%;height:7px;background:#34383d}.theme-miniature.event{border-top:6px solid var(--theme-accent);background:#393534}.theme-miniature.event i{background:#756d69}.theme-miniature.event i:first-child{width:82%;background:#fff}.theme-miniature.opinion{border-radius:2px}.theme-miniature.opinion i:first-child{width:100%;height:8px;background:#252525;border-bottom:3px solid var(--theme-accent);border-radius:0}.theme-miniature.opinion i:nth-child(3){height:6px;background:var(--theme-accent)}.theme-miniature.essay{align-items:center;padding-top:9px}.theme-miniature.essay i:first-child{width:62%;height:5px}.theme-miniature.essay i:nth-child(n+2){width:74%;background:#e1d7d3}.theme-miniature.notice{border-top:5px solid var(--theme-accent);border-radius:2px}.theme-miniature.notice i:first-child{width:100%;height:6px;background:#303841}.fine-tune{margin:0 0 10px;border:1px solid #dde3de;border-radius:13px;background:#ffffffb8;overflow:hidden}.fine-tune summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#43524c;cursor:pointer;list-style:none}.fine-tune summary::-webkit-details-marker{display:none}.fine-tune summary>span{display:grid;gap:2px}.fine-tune summary strong{font-size:10px}.fine-tune summary small{color:#87918c;font-size:8px;font-weight:400}.fine-tune summary>b{color:var(--jade);font-size:9px;font-weight:700}.fine-tune[open] summary{border-bottom:1px solid #e1e6e2;background:#f6f8f6}.fine-tune[open] summary>b:before{content:"收起"}.fine-tune[open] summary>b{font-size:0}.fine-tune[open] summary>b:before{font-size:9px}.fine-tune-body{padding:10px}.fine-tune-body .setting-group:last-child{margin-bottom:0}.select-row{gap:6px;margin-bottom:9px}.select-row select,.two-column select,.meta-fields input{min-height:36px;border-radius:9px}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.theme-card{min-width:0;padding:6px 4px 7px;border-radius:9px;background:#fbfcfa;font-size:9px}.theme-card:hover{border-color:#a8c5ba;transform:translateY(-1px)}.theme-card.active{border-color:var(--jade);background:#edf6f2;box-shadow:0 0 0 1px #176b5b2e}.theme-swatch{height:34px;padding:6px;border-radius:5px}.featured-themes{border-color:#c8ddd4;background:linear-gradient(150deg,#f8fbf9,#f4f7f4)}.featured-theme-list{display:grid;gap:8px}.featured-theme-card{width:100%;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #d9e1dc;border-radius:11px;background:#ffffffe0;color:#33443e;text-align:left;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.featured-theme-card:hover{transform:translateY(-1px);border-color:#9fbfb2;box-shadow:0 5px 14px #23352d0f}.featured-theme-card.active{border-color:var(--jade);background:#edf6f2;box-shadow:0 0 0 1px #176b5b29}.featured-theme-preview{height:48px;padding:8px 7px;display:flex;flex-direction:column;gap:5px;border:1px solid #dfe4e0;border-radius:7px;background:#fff}.featured-theme-preview i{display:block;height:3px;border-radius:3px;background:#d2d8d4}.featured-theme-preview i:first-child{width:65%;height:5px;background:#315c9b}.featured-theme-preview i:last-child{width:78%}.featured-theme-preview.editorial{border-left:3px solid #315c9b}.featured-theme-preview.briefing{background:#eef6f2;border-top:4px solid #176b5b}.featured-theme-preview.briefing i:first-child{background:#176b5b}.featured-theme-preview.story{align-items:center;background:#fcf5ec}.featured-theme-preview.story i:first-child{width:70%;background:#a24632}.featured-theme-copy{min-width:0;display:grid;gap:3px}.featured-theme-copy strong{color:#2b3b35;font-size:11px}.featured-theme-copy small{overflow:hidden;color:#77847e;font-size:8px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.featured-theme-badge{padding:3px 5px;border-radius:999px;background:#eef2ef;color:#7b8781;font-size:7px;font-weight:750;letter-spacing:.04em}.featured-theme-card.active .featured-theme-badge{background:var(--jade);color:#fff}.color-row{justify-content:space-between;gap:7px}.color-dot,.custom-color{width:29px;height:29px}.compatibility-note{border:1px solid #d7e3dc;border-radius:12px;background:#edf4f0}.view-toggle{border:1px solid rgba(201,210,204,.8);border-radius:10px;background:#d9e1dbcc}.view-toggle button{padding:6px 10px;border-radius:7px}.preview-stage{padding:8px 22px 34px}.phone-frame{width:min(100%,400px);min-height:700px;border-color:#bfc9c2e6;border-radius:27px;box-shadow:0 24px 64px #1f302826,0 2px 8px #1f30280f}.phone-bar{height:39px;background:#fff}.wechat-title-preview{padding:23px 29px 10px}.wechat-title-preview>span{border-radius:999px;background:#edf3ef;color:#738078}.wechat-title-preview h3{font-size:22px}.editor-panel,.settings-panel,.preview-stage{scrollbar-width:thin;scrollbar-color:#bdc8c1 transparent}.editor-panel::-webkit-scrollbar,.settings-panel::-webkit-scrollbar,.preview-stage::-webkit-scrollbar{width:7px}.editor-panel::-webkit-scrollbar-thumb,.settings-panel::-webkit-scrollbar-thumb,.preview-stage::-webkit-scrollbar-thumb{border-radius:999px;background:#bdc8c1}.handoff-dialog{border-radius:20px;box-shadow:0 32px 90px #14211b4a}@media(max-width:1240px){.workspace{height:auto;min-height:calc(100vh - 76px);grid-template-columns:minmax(420px,1fr) minmax(290px,.72fr);overflow:visible}.editor-panel{min-height:760px}.preview-panel{grid-column:1 / -1;min-height:760px}.preview-stage{max-height:900px}.phone-frame{width:min(100%,430px)}}@media(max-width:700px){.topbar{height:auto;padding:12px 14px;align-items:center;flex-wrap:wrap;gap:11px}.brand-mark{width:37px;height:37px;border-radius:12px 12px 12px 4px}.brand strong{font-size:18px}.brand small{font-size:9px}.top-actions{width:100%;display:grid;grid-template-columns:.8fr .8fr 1.25fr;gap:7px}.top-actions .button{width:100%;padding:8px 7px}.save-state,#download-button,.button-primary kbd{display:none}.workspace{display:block;min-height:0;padding:9px}.editor-panel,.settings-panel,.preview-panel{margin-bottom:9px;border-radius:16px}.editor-panel{min-height:680px;border-right:1px solid rgba(205,212,207,.92)}.settings-panel{padding:17px 13px 20px;border-right:1px solid rgba(205,212,207,.92);border-top:1px solid rgba(205,212,207,.92)}.panel-heading{padding:18px 17px 13px}.editor-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.text-button{justify-content:center;text-align:center}.text-button.danger{margin-left:0}.format-hint,.package-import-hint,.import-report{margin-left:17px;margin-right:17px}#source-editor{width:calc(100% - 34px);margin-left:17px;margin-right:17px;padding:17px 15px}.image-workspace{margin-left:17px;margin-right:17px}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-heading{padding:18px 17px 13px}.preview-stage{padding:7px 9px 24px}.phone-frame{min-height:650px;border-radius:22px}.modal-backdrop{padding:12px}.handoff-steps{grid-template-columns:1fr}.handoff-item{grid-template-columns:60px 1fr}.handoff-item img{width:60px;height:48px}.copy-image-button{grid-column:1 / -1}.image-editor-card{grid-template-columns:72px 1fr}.image-editor-card>img{width:72px;height:72px}.image-controls{grid-template-columns:repeat(2,1fr)}}