:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#273d35;background:#f6f8f6;font-synthesis:none;font-size:13px;--green:#176b52;--muted:#819089;--line:#e6ebe7}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .16s,border-color .16s}button:hover{background:#f0f5f1;border-color:#c7d7ce}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #48a185;outline-offset:3px}a{color:var(--green)}svg{width:16px;height:16px;flex-shrink:0}.topbar{height:74px;padding:0 28px;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#163f2f;font-size:23px;font-weight:750;min-width:185px}.brand-mark{background:#176b52;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;color:#fff;box-shadow:0 3px 8px #176b5220}.brand-mark svg{width:23px;height:23px}.brand-en{font-size:9px;letter-spacing:2px;font-weight:500;margin-left:9px;color:#89978f}.app-label{border-left:1px solid var(--line);padding-left:24px;font-size:13px;color:#61756a}.app-label b{font-size:8px;font-weight:600;background:#edf3ef;padding:3px 5px;color:#71887a;border-radius:3px;margin-left:8px;letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.top-actions button{border-color:transparent;background:transparent;color:#56695f;font-size:12px}.local-badge{font-size:11px;color:#809287;margin-right:18px;display:flex;align-items:center;gap:7px}.local-badge>span,.live-dot{width:6px;height:6px;background:#4f9f79;border-radius:50%;display:inline-block}.icon-btn{padding:8px}.workspace{display:flex;min-height:calc(100vh - 74px)}.sidebar{width:212px;flex-shrink:0;background:#fbfcfa;border-right:1px solid var(--line);padding:29px 18px 18px;display:flex;flex-direction:column}.side-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin-bottom:15px;color:#8b978f;font-size:11px}.tiny{font-size:9px;letter-spacing:1px;color:#94a198}.nav-item{justify-content:flex-start;width:100%;border:0;background:transparent;padding:12px;margin:2px 0;font-size:12px;color:#6e7f74}.nav-item.active{background:#eaf2ed;color:#196747;font-weight:600}.nav-arrow{margin-left:auto}.side-divider{height:1px;background:var(--line);margin:23px 8px}.count{background:#edf1ec;border-radius:4px;padding:2px 6px;font-size:10px}#outline{display:flex;flex-direction:column;gap:3px}#outline button{border:0;background:transparent;justify-content:flex-start;line-height:1.6;text-align:left;padding:10px;font-size:11px;color:#75857a;gap:12px}#outline button:hover{background:#edf3ed;color:var(--green)}#outline button span{font-size:9px;color:#a7b2aa}.empty-outline{padding:0 10px;color:#8d9b92;font-size:11px}.side-bottom{margin-top:auto;padding:40px 11px 5px}.tip-icon{color:#769c82;margin-bottom:13px}.tip-icon svg{width:24px;height:24px}.side-bottom strong{font-size:12px;font-weight:500;color:#687f6e}.side-bottom p{font-size:10px;color:#9ba89f;line-height:1.8}.side-bottom button{font-size:10px;background:transparent;padding:7px 0;border:0;color:#718e7a;gap:18px}.privacy{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:9px;color:#9caaa1;display:flex;gap:6px;align-items:center}.privacy svg{width:12px}main{padding:32px 30px 0;flex:1;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8b9b90;margin-bottom:11px}.page-heading h1{font-size:25px;font-weight:600;letter-spacing:1px;margin:0;color:#223d2f}.page-heading h1 span{color:#7ca18a}.page-heading p{font-size:11px;color:#89988e;margin:11px 0 0}.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:500;box-shadow:0 2px 4px #176b5212}.primary:hover{background:#105841;border-color:#105841}.page-heading .primary{padding:12px 17px;font-size:12px}.shortcut{padding-left:17px;color:#a6c6b4;font-size:12px}.workflow{display:flex;align-items:center;margin-bottom:22px;gap:13px;font-size:10px;color:#99a69b}.step{display:flex;gap:7px;align-items:center}.step b{width:19px;height:19px;background:#edf1eb;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:500}.step.active{color:var(--green)}.step.active b{background:#dcebe1;color:#226747}.connector{width:35px;height:1px;background:#dfe6df}.workflow-right{margin-left:auto;font-size:10px;letter-spacing:1px;color:#a1ada3}.studio{display:grid;grid-template-columns:minmax(270px,1fr) 265px minmax(340px,1.12fr);height:calc(100vh - 282px);min-height:520px;border:1px solid #dde5dd;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #1d392905}.panel-head{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0}.panel-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#415a4c}.panel-title svg{width:15px;color:#758e7d}.badge{background:#f3f5f2;color:#98a397;font-size:8px;font-weight:400;letter-spacing:.2px;padding:3px 6px;border-radius:4px;margin-left:5px}.text-btn{border:0;background:transparent;padding:4px;font-size:10px;color:#859a8c}.text-btn svg{width:12px}.editor-panel{display:flex;flex-direction:column;min-width:0}.editor-tools{height:43px;display:flex;align-items:center;gap:1px;padding:0 12px;border-bottom:1px solid #f0f2ee;flex-shrink:0}.editor-tools button{padding:6px;min-width:26px;height:28px;border:0;background:transparent;color:#718579;font-size:13px}.editor-tools svg{width:14px;height:14px}.editor-tools>span{height:13px;width:1px;background:var(--line);margin:0 5px}#editor{resize:none;flex:1;width:100%;border:0;outline:none;padding:24px 22px 32px;line-height:2;color:#627266;background:#fff;font-family:Consolas,Microsoft YaHei,monospace;font-size:12px;tab-size:2}#editor:focus-visible{outline:0;background:#fefffd}.editor-status{height:34px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#9baa9f;font-size:9px;border-top:1px solid #f0f2ee}#save-state{display:flex;align-items:center;gap:4px}#save-state svg{width:11px;height:11px}.style-panel{border-left:1px solid var(--line);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.style-scroll{overflow-y:auto;padding:18px 16px 22px}.section-label{display:flex;justify-content:space-between;font-size:11px;color:#617867;margin-bottom:13px}.section-label span{font-size:9px;color:#a8b3a9}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-card{display:block;text-align:left;padding:6px;border-radius:7px;min-width:0;background:#fff}.theme-card.selected{border:1.5px solid #358461;background:#f6fbf7;box-shadow:0 0 0 2px #176b5207;padding:5.5px}.theme-mini{height:82px;border-radius:4px;background:var(--wash);padding:12px 8px;overflow:hidden}.mini-eyebrow{display:block;font-size:5px;color:var(--swatch);letter-spacing:1px;margin-bottom:6px}.theme-mini strong{display:block;color:var(--swatch);font-size:8px;font-weight:700;margin-bottom:7px;white-space:nowrap}.theme-mini i{display:block;background:var(--swatch);opacity:.13;height:2px;margin-bottom:3px;width:95%}.theme-mini i:nth-of-type(2){width:84%}.theme-mini i:nth-of-type(3){width:65%}.mini-accent{display:block;width:20px;height:3px;background:var(--swatch);opacity:.8;margin-top:6px}.mini-1{border-top:3px solid #dc2626;background:snow}.mini-2{background:#fafafa;border-top:1px solid #aaa}.mini-2 .mini-accent{height:1px;width:100%}.mini-3{text-align:center;background:#fcfdfb}.mini-3 strong{font-family:Georgia,SimSun,serif;font-weight:400}.mini-3 .mini-accent{margin:8px auto auto;width:12px;height:1px}.mini-4{background:#fffdf3;border:1px solid #56675d;border-bottom:2px dashed #809481}.mini-5{background:#f1f1e9;border-left:3px solid #ed7b2f}.mini-5 .mini-accent{background:#ed7b2f}.theme-name{font-size:10px;font-weight:600;margin:8px 1px 3px;display:flex;justify-content:space-between;color:#556b5c}.theme-card small{font-size:8px;color:#9aa69b;margin-left:1px}.theme-check{display:none;color:#318460}.selected .theme-check{display:inline}.control-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin:20px 0 14px;font-size:11px;color:#526b58}.range-label{display:flex;justify-content:space-between;font-size:10px;color:#7a8c7d;margin:14px 0 8px}.range-label>span{color:#647b69;font-size:10px}input[type=range]{width:100%;height:3px;accent-color:#317a59;cursor:pointer;margin:5px 0}.range-caption{display:flex;justify-content:space-between;color:#acb6ab;font-size:8px;margin-top:5px}.color-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#7a8c7d;font-size:10px}input[type=color]{width:30px;height:21px;border:0;background:none;padding:0;cursor:pointer}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:10px;color:#617766}.toggle-row small{display:block;margin-top:4px;font-size:9px;color:#a6b0a4}.toggle-row input{appearance:none;width:27px;height:16px;border-radius:20px;background:#d9e0d7;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle-row input:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:2px;top:2px;transition:transform .2s;box-shadow:0 1px 2px #0001}.toggle-row input:checked{background:#4b8d68}.toggle-row input:checked:before{transform:translate(11px)}.theme-note{font-size:8px;line-height:1.6;color:#9aaa9b;background:#f6f8f3;padding:10px;border-radius:5px;display:flex;gap:5px;margin-top:25px}.theme-note svg{width:12px;height:12px}.preview-panel{display:flex;flex-direction:column;min-width:0;background:#f1f4ef}.preview-panel>.panel-head{background:#fff}.live-dot{width:5px;height:5px;margin-left:2px;background:#77a586}.view-switch{display:flex;gap:2px;background:#f5f7f3;padding:3px;border-radius:5px}.view-switch button{padding:4px 7px;border:0;background:none;color:#9aa89b;border-radius:3px}.view-switch button.on{background:#fff;color:#32714f;box-shadow:0 1px 3px #153c2510}.view-switch svg{width:12px;height:12px}.preview-scroll{overflow:auto;padding:18px 22px;flex:1;min-height:0}.preview-caption{max-width:375px;margin:0 auto 12px;display:flex;justify-content:space-between;font-size:8px;color:#9dac9d;letter-spacing:1px}#paper{width:375px;max-width:100%;margin:0 auto;background:#fff;min-height:500px;box-shadow:0 3px 12px #20392609;border-radius:3px;overflow:hidden}.wide #paper,.wide .preview-caption{width:100%;max-width:677px}.paper-end{text-align:center;font-size:9px;color:#a6b1a4;letter-spacing:2px;padding:25px 0 10px}.publish-footer{background:#fff;border-top:1px solid var(--line);padding:12px 15px;flex-shrink:0}.check-summary{font-size:9px;color:#72967d;gap:5px;padding:0;border:0;background:transparent;margin-bottom:11px}.check-summary svg{width:12px;height:12px}.check-summary.warning{color:#ac783c}.publish-buttons{display:flex;gap:9px;justify-content:flex-end}.publish-buttons button{font-size:11px;padding:10px 13px}.publish-buttons .primary{flex:1}.publish-buttons svg{width:13px;height:13px}.main-footer{display:flex;justify-content:space-between;font-size:9px;color:#a6b1a6;padding:16px 1px}.footer-dot{margin:0 8px;color:#bcc6bb}dialog{border:1px solid #dce6dc;border-radius:14px;width:560px;max-width:calc(100vw - 30px);padding:24px;box-shadow:0 25px 100px #142e2526;color:#344d3c}dialog::backdrop{background:#1d392854;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-head h2{font-size:19px;margin:0}.dialog-head button{border:0}.muted{font-size:12px;color:#819085;line-height:1.9}.checks>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #edf2ec}.checks svg{color:#529370}.checks span{flex:1;font-size:12px}.checks b{font-size:10px;font-weight:400;color:#869786}.checks small{display:block;margin-top:5px;color:#af824b}.history-list{max-height:400px;overflow:auto}.history-list button{width:100%;display:grid;grid-template-columns:1fr 20px;text-align:left;margin:8px 0;padding:15px}.history-list strong{font-size:12px;font-weight:500}.history-list small{font-size:10px;color:#8b998c;grid-row:2}.history-list svg{grid-column:2;grid-row:1/3}.empty{text-align:center;padding:40px 0;color:#8fa18f}.export-options{display:flex;gap:12px;margin:24px 0}.export-options button{flex:1;flex-direction:column;padding:24px 10px;gap:12px}.export-options small{font-size:10px;color:#8b988c}.export-options svg{color:#348061;width:28px;height:28px}#api-form label{display:block;margin:17px 0;font-size:12px}#api-form input{display:block;width:100%;padding:11px 12px;border:1px solid #dfe7df;border-radius:6px;margin-top:8px;background:#fafcf9}.smart-intro{padding:20px 0;color:#57806a;display:flex;gap:10px;align-items:center}.smart-options{display:flex;flex-direction:column;gap:12px}.smart-options button{text-align:left;align-items:flex-start;flex-direction:column;padding:18px;gap:10px}.smart-options small{font-size:12px;color:#819383;line-height:1.7}.smart-options span{font-size:9px;color:#579575}.ai-loading{padding:25px 0;display:flex;gap:15px;align-items:center}.ai-loading svg{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#ai-review{width:100%;height:320px;border:1px solid #d8e5d8;border-radius:5px;line-height:1.8;padding:12px;margin-bottom:15px;resize:vertical}.help-list{padding-left:20px;font-size:13px;line-height:1.9}.help-list p{font-size:12px;color:#8b998b}.help-list li{margin:15px 0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#244c38;color:#fff;padding:13px 22px;box-shadow:0 5px 22px #18362420;border-radius:8px;font-size:12px;z-index:99;transition:all .2s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#dce4da;border-radius:5px}::-webkit-scrollbar-track{background:transparent}@media(min-width:1650px){.studio{grid-template-columns:minmax(400px,1fr) 290px minmax(420px,1fr)}.theme-mini{height:92px}#editor{font-size:14px}}@media(max-width:1250px){.sidebar{width:175px;padding-left:10px;padding-right:10px}main{padding:25px 18px 0}.studio{grid-template-columns:minmax(240px,1fr) 225px minmax(300px,1fr)}.style-scroll{padding:15px 10px}.theme-mini{padding:10px 6px}.local-badge{display:none}.brand{min-width:148px}.brand-en{display:none}.preview-scroll{padding:18px 12px}.editor-tools{gap:0;padding:0 7px}.editor-tools button{min-width:22px;padding:4px}.panel-head{padding:0 12px}}@media(max-width:1020px){.sidebar{display:none}.studio{grid-template-columns:minmax(240px,1fr) 215px minmax(290px,1fr)}.app-label{font-size:11px}main{padding:22px 14px 0}.topbar{padding:0 20px}.brand{min-width:105px}.theme-mini strong{font-size:7px}}@media(max-width:800px){.studio{height:auto;min-height:0;grid-template-columns:1fr 1fr}.editor-panel{height:520px}.style-panel{height:520px;border-right:0}.preview-panel{grid-column:1/3;min-height:650px;height:780px;border-top:1px solid var(--line)}.theme-mini{height:75px}.page-heading h1{font-size:21px}.page-heading p{font-size:10px}.app-label{display:none}.topbar{height:60px}.page-heading .primary{font-size:10px;padding:10px}.shortcut,.workflow-right{display:none}.main-footer>span:last-child{display:none}}@media(max-width:480px){.top-actions button{font-size:0;gap:0;padding:8px}.top-actions svg{width:17px}.topbar{padding:0 15px}.page-heading h1{font-size:18px}.eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading{align-items:flex-end}.page-heading p{max-width:210px;line-height:1.7}.studio{display:flex;flex-direction:column}.editor-panel{height:420px;flex:none}.style-panel{height:auto;max-height:650px;border-left:0;border-top:1px solid var(--line)}.theme-grid{grid-template-columns:repeat(3,1fr)}.preview-panel{height:720px;min-height:0;flex:none}.theme-mini strong{font-size:8px}.preview-scroll{padding:14px 10px}.theme-card small,.main-footer{font-size:8px}.workflow{gap:8px;font-size:9px}.connector{width:20px}.panel-title{font-size:12px}.page-heading .primary{padding:9px;gap:5px}}.studio{grid-template-rows:minmax(0,1fr)}.preview-panel,.editor-panel{min-height:0}@media(max-width:800px){.studio{grid-template-rows:auto auto}}.custom-theme-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#617867}.custom-empty{font-size:10px;color:#93a396;line-height:1.8;margin:8px 0 12px}.create-theme{width:100%;border:1px dashed #96b7a4;background:#f5faf6;color:#357555;font-size:11px;padding:11px;margin-top:8px}.custom-theme-row{display:flex;margin:7px 0;gap:4px;align-items:center}.custom-theme-row>button:last-child{padding:7px 5px;font-size:9px;border:0;color:#8a9b8c;background:transparent}.custom-theme-pick{flex:1;min-width:0;justify-content:flex-start;padding:10px 8px;font-size:11px}.custom-theme-pick>span{width:12px;height:12px;border-radius:4px;flex-shrink:0}.custom-theme-pick strong{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-theme-pick b{margin-left:auto;font-weight:400}.custom-theme-pick.selected{border-color:#4c9370;background:#f0f8f2}.theme-dialog{width:840px;max-height:92vh;overflow:auto}.designer-intro{font-size:12px;color:#829385;margin:14px 0 20px;line-height:1.8}.designer-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}.designer-fields>label{display:block;font-size:11px;color:#617b68;margin-bottom:15px}.designer-fields input:not([type=color]),.designer-fields select{display:block;width:100%;margin-top:7px;padding:9px 10px;border:1px solid #dce6dd;border-radius:6px;background:#fcfdfa;color:#405b47;font-size:12px}.designer-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.designer-colors label{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#748775}.designer-colors input{width:32px;height:25px}.designer-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.designer-numbers label{font-size:10px;color:#748775}.designer-hint{font-size:10px;color:#97a596;line-height:1.8}.designer-preview-wrap{background:#f1f4ee;border-radius:8px;padding:12px;min-width:0}.designer-preview-label{display:flex;justify-content:space-between;font-size:10px;color:#77927f;margin-bottom:10px}.designer-preview-label span{font-size:9px;color:#9dac9d}#theme-preview{max-height:435px;overflow:auto;background:#fff;border-radius:3px}.designer-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.designer-actions button{font-size:11px}.designer-actions .danger{margin-right:auto;color:#ae534c;background:transparent;border-color:transparent}#theme-error{font-size:11px;min-height:18px;color:#b46c4a}.theme-dialog::backdrop{background:#1d392870}@media(max-width:650px){.designer-grid{grid-template-columns:1fr;gap:15px}.designer-preview-wrap{max-height:270px;overflow:hidden}#theme-preview{max-height:230px}.designer-actions{flex-wrap:wrap}.theme-dialog{padding:18px}.designer-colors{grid-template-columns:repeat(3,1fr)}}