/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.inline{display:inline}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root{color:#272520;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#f6f4ef;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:radial-gradient(circle at 74% 14%,#fffffff5,#0000 31%),radial-gradient(circle at 18% 88%,#d8d1c257,#0000 34%),linear-gradient(#fbfaf7 0%,#f3f1eb 56%,#ece9e0 100%);min-width:320px;margin:0;overflow:hidden}button,textarea,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:54px minmax(0,1fr);gap:14px;height:100vh;padding:18px 20px 20px;display:grid}.app-toolbar{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff94;border:1px solid #706a5e1a;border-radius:18px;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:16px;width:100%;max-width:1760px;margin:0 auto;padding:0 20px;display:grid;position:relative;box-shadow:0 20px 60px #2a26200e}.window-dots{gap:8px;display:flex}.window-dots span{border-radius:50%;width:12px;height:12px}.window-dots span:first-child{background:#f26b5f}.window-dots span:nth-child(2){background:#f2be4d}.window-dots span:nth-child(3){background:#62c554}.toolbar-brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#4a463e;background:#ffffffb8;border:1px solid #37332c29;border-radius:7px;flex:none;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex}.brand-mark img{width:23px;height:23px;display:block}.brand-row h1,.brand-row p{margin:0}.brand-row h1{font-size:18px;font-weight:720;line-height:1.1}.brand-row p{color:#2d2a248c;margin-top:3px;font-size:12px}.toolbar-actions{align-items:center;gap:10px;min-width:0;display:flex}.toolbar-button{color:#3c3932;white-space:nowrap;background:#ffffffad;border:1px solid #706a5e1f;border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 8px 20px #2a26200a}.workspace{grid-template-columns:minmax(430px,560px) minmax(480px,1fr) minmax(320px,380px);gap:18px;width:100%;max-width:1760px;min-height:0;margin:0 auto;display:grid}.editor-panel,.preview-panel,.inspector-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffa8;border:1px solid #706a5e21;border-radius:10px;min-height:0;box-shadow:0 28px 80px #2a262012}.editor-panel{padding:18px;overflow:hidden}.inspector-panel{padding:14px 14px 34px;position:relative;overflow:auto}.editor-section{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.control-section{border-bottom:1px solid #706a5e1c;margin-bottom:13px;padding:0 0 13px}.control-section:last-child{border-bottom:0;margin-bottom:0}.section-title{color:#302d28;align-items:center;gap:8px;margin-bottom:9px;font-size:13px;font-weight:720;display:flex}.section-title small{color:#302d2873;margin-left:auto;font-size:11px;font-weight:500}.markdown-title{align-items:center}.markdown-title-icon{color:#302d28b8;background:linear-gradient(#ffffffd1,#f6f3edb8),#ffffffa3;border:1px solid #706a5e21;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;box-shadow:0 8px 18px #2a26200b}.markdown-guide-trigger{color:#302d2894;background:#ffffff9e;border:1px solid #706a5e1f;border-radius:8px;justify-content:center;align-items:center;width:23px;height:23px;margin-left:2px;transition:transform .16s,color .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 18px #2a26200a}.markdown-guide-trigger:hover{color:#302d28d1;background:#ffffffe0;transform:translateY(-1px);box-shadow:0 12px 24px #2a262014}.markdown-guide{z-index:80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffc7;border:1px solid #706a5e24;border-radius:14px;width:280px;position:fixed;overflow:hidden;box-shadow:0 26px 70px #2a262029}.markdown-guide-header{color:#302d28;cursor:grab;-webkit-user-select:none;user-select:none;background:#faf8f38f;border-bottom:1px solid #706a5e1a;justify-content:space-between;align-items:center;gap:10px;height:42px;padding:0 10px 0 13px;display:flex}.markdown-guide-header:active{cursor:grabbing}.markdown-guide-header span{align-items:center;gap:7px;font-size:12px;font-weight:720;display:inline-flex}.markdown-guide-header button{color:#302d288f;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.markdown-guide-header button:hover{color:#302d28;background:#706a5e14}.markdown-guide-list{gap:1px;max-height:min(520px,100vh - 180px);padding:9px;display:grid;overflow:auto}.markdown-guide-row{border-radius:9px;grid-template-columns:minmax(0,1.05fr) minmax(72px,.65fr);align-items:center;gap:10px;min-height:32px;padding:6px 7px;display:grid}.markdown-guide-row:hover{background:#f2eee5b8}.markdown-guide-row code{color:#4a4236;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;overflow:hidden}.markdown-guide-row span{color:#302d288a;text-align:right;font-size:11px}.markdown-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex;position:relative}.insert-image-menu{position:relative}.insert-image-button{color:#302d28ad;background:#ffffffb8;border:1px solid #706a5e21;border-radius:8px;align-items:center;gap:5px;height:27px;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex}.insert-image-popover{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #706a5e1f;border-radius:10px;gap:4px;min-width:138px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 38px #2a262021}.insert-image-popover button{color:#302d28b8;text-align:left;background:0 0;border:0;border-radius:7px;height:30px;padding:0 8px;font-size:12px}.insert-image-popover button:hover{background:#f2eee5}.insert-image-file-input{display:none}.code-editor-shell{background:#ffffff9e;border:1px solid #706a5e1f;border-radius:8px;grid-template-columns:34px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.line-gutter{color:#302d2857;text-align:right;background:#f5f3ed80;padding-top:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.72;overflow:hidden}.line-gutter span{padding-right:10px;display:block}.editor-input-stack{min-width:0;height:100%;min-height:0;position:relative}.editor-highlight-layer,.editor-section textarea{white-space:pre-wrap;word-break:break-word;width:100%;height:100%;min-height:0;padding:13px 14px;font-size:13px;line-height:1.72}.editor-highlight-layer{color:#3d3932;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.editor-image-token{color:#76664a;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#8d7d6521;border:1px solid #8d7d652e;border-radius:5px;padding:1px 3px}.editor-section textarea{z-index:1;resize:none;color:#3d3932;caret-color:#3d3932;background:0 0;border:0;outline:none;position:relative;overflow:auto}.editor-section textarea::selection{color:#3d3932;background:#8d7d653d}.template-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-card{color:#3d3932;text-align:left;background:0 0;border:0;min-width:0;padding:0;transition:transform .16s,opacity .16s}.template-card:hover,.secondary-button:hover,.primary-button:hover,.toolbar-button:hover{transform:translateY(-1px)}.template-cover{background:linear-gradient(#ffffff47,#0000),#f3efe3;border:2px solid #0000;border-radius:8px;height:82px;padding:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #706a5e1a,0 12px 22px #2a262014}.template-card.selected .template-cover{border-color:#8d7d65}.template-cover b{color:#8d7d65;font-family:Georgia,serif;font-size:12px;line-height:1;position:absolute;top:7px;left:8px}.cover-title,.cover-subtitle,.cover-line{background:#4b463d2e;border-radius:99px;height:3px;position:absolute;left:14px;right:14px}.cover-title{top:19px}.cover-subtitle{top:27px;right:36px}.cover-line{bottom:10px}.cover-line.short{bottom:17px;right:42px}.cover-media{background:linear-gradient(135deg,#948b772e,#ffffff14),#7e76642e;border-radius:5px;position:absolute;overflow:hidden}.template-cover.nature .cover-media{height:17px;top:38px;left:14px;right:14px}.template-cover.essay .cover-media{height:15px;top:40px;left:20px;right:48px}.template-cover.hero .cover-media{background:linear-gradient(#3748545c,#a5967c29),#7e766433;height:17px;top:38px;left:30px;right:30px}.template-cover.hero .cover-line.short,.template-cover.poetic .cover-media{display:none}.template-cover.poetic .cover-title,.template-cover.poetic .cover-subtitle{left:30px;right:30px}.template-cover.poetic .cover-title{top:24px}.template-cover.poetic .cover-subtitle{top:47px;left:38px;right:38px}.template-cover.poetic .cover-line{bottom:15px;left:30px;right:30px}.template-cover.poetic .cover-line.short{display:none}.template-cover.chapter .cover-media{height:8px;top:56px;left:22px;right:22px}.template-cover.chapter .cover-line,.template-cover.chapter .cover-line.short{display:none}.template-cover.chapter:after,.template-cover.poetic:after{content:"";background:#4b463d38;width:28px;height:1px;position:absolute;top:43px;left:50%;transform:translate(-50%)}.template-cover.chapter:after{top:43px}.template-cover.poetic:after{top:36px}.template-card span{color:#3b372f;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10.5px;font-weight:700;display:block;overflow:hidden}.template-card small{display:none}.decor-text-section{padding-bottom:15px}.decor-text-field{display:block}.decor-text-field input{color:#302d28c7;background:#ffffffad;border:1px solid #706a5e21;border-radius:10px;outline:none;width:100%;height:36px;padding:0 12px;font-size:12px;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffff9e}.decor-text-field input:focus{background:#ffffffe0;border-color:#8d7d656b;box-shadow:0 0 0 3px #8d7d6514}.decor-text-preview{color:#5450486b;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin-top:9px;padding-left:2px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;overflow:hidden}.drop-zone{color:#302d2885;background:#faf8f39e;border:1px dashed #706a5e33;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:12px;display:flex;position:relative}.drop-zone input{opacity:0;position:absolute;inset:0}.image-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.image-thumb{aspect-ratio:1.2;background:#7e766424;border-radius:7px;position:relative;overflow:hidden}.image-thumb.dragging{opacity:.56;outline:2px solid #8d7d656b;transform:scale(.96)}.image-thumb:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;background:#ffffff14;border:1px solid #8d7d656b;transition:opacity .14s;position:absolute;inset:0}.image-thumb:hover:after,.image-thumb.dragging:after{opacity:1}.image-thumb img{object-fit:cover;filter:saturate(.86)contrast(.94)brightness(1.04);width:100%;height:100%}.image-thumb button{color:#2d2a249e;background:#ffffffbd;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:5px;right:5px}.image-drag-handle{color:#2d2a2494;background:#ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:5px;left:5px}.image-thumb span{color:#ffffffeb;text-shadow:0 1px 8px #00000047;font-size:10px;position:absolute;bottom:7px;left:8px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;display:grid}.select-grid{margin-top:12px}.field-grid label{gap:5px;min-width:0;display:grid}.field-grid label span{color:#302d28a8;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.field-grid label b{color:#302d287a;font-size:11px;font-weight:650}.reset-style-button{color:#302d289e;background:#ffffffb3;border:1px solid #706a5e21;border-radius:7px;height:26px;margin-left:auto;padding:0 9px;font-size:11px;font-weight:650}.field-grid input,.field-grid select{width:100%}.field-grid input[type=range]{accent-color:#8d7d65}.field-grid label.disabled-field{opacity:.48}.field-grid label.disabled-field input{cursor:not-allowed}.field-grid select{color:#3d3932;background:#ffffffc2;border:1px solid #706a5e21;border-radius:7px;height:30px;padding:0 9px;font-size:12px}.swatch-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.swatch-row button{color:#302d289e;background:#ffffff9e;border:1px solid #706a5e21;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:0;height:30px;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex}.swatch-row button.active{color:#302d28;background:#ffffffd6;border-color:#8d7d656b;box-shadow:inset 0 0 0 1px #8d7d6514}.swatch-row span{border:1px solid #706a5e24;border-radius:5px;flex:none;width:15px;height:15px}.brand-signature{z-index:2;color:#302d2847;letter-spacing:.02em;white-space:nowrap;pointer-events:none;margin:0;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:10.5px;line-height:1;position:absolute;bottom:10px;right:17px}.export-panel{align-items:center;gap:8px;display:flex}.primary-button,.secondary-button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:104px;height:34px;padding:0 12px;font-size:12px;font-weight:650;transition:transform .16s,box-shadow .16s;display:inline-flex}.primary-button:disabled,.secondary-button:disabled{cursor:progress;opacity:.58;transform:none}.primary-button{color:#fbfaf6;background:#302d28;border:0;box-shadow:0 12px 24px #0000001c}.secondary-button{color:#302d28b8;background:#ffffffad;border:1px solid #706a5e21}.export-panel .primary-button:hover,.export-panel .secondary-button:hover{transform:none;box-shadow:0 10px 22px #2a262014}.error-button{color:#782f23d1;border-color:#96423438}.preview-panel{padding:0;position:relative;overflow:hidden}.preview-mode-switch{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #706a5e1f;border-radius:999px;gap:3px;padding:3px;display:inline-flex;position:absolute;top:14px;right:16px;box-shadow:0 14px 34px #2a262014}.preview-mode-switch button{color:#302d2894;background:0 0;border:0;border-radius:999px;height:27px;padding:0 12px;font-size:12px;font-weight:650;transition:background .16s,color .16s,box-shadow .16s}.preview-mode-switch button.active{color:#302d28;background:#fffffff0;box-shadow:0 7px 18px #2a262014}.preview-stage{background:radial-gradient(circle at 50% 5%,#fffffff0,#0000 28%),linear-gradient(#f8f7f3d1,#efede7b8);justify-content:center;align-items:flex-start;width:100%;height:100%;padding:58px 34px 60px;display:flex;overflow:auto}.export-target{transition:transform .18s}.wechat-mode .article-canvas{width:min(430px,100vw - 64px)!important}.export-target:fullscreen{background:radial-gradient(circle at 50% 5%,#fffffff0,#0000 28%),linear-gradient(#f8f7f3f5,#efede7e6);min-height:100vh;padding:34px 0 72px;overflow:auto}.export-target:fullscreen .article-canvas{margin:0 auto}.empty-state{color:#2d2b276b;background:#ffffff8a;border-radius:18px;place-items:center;width:390px;min-height:520px;display:grid}@media (width<=1380px){.workspace{grid-template-columns:minmax(360px,500px) minmax(430px,1fr) 320px}}@media (width<=1120px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.workspace{grid-template-columns:1fr}.editor-panel{height:72vh}.preview-panel{min-height:760px}.inspector-panel{overflow:visible}.template-list,.image-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{padding:10px}.app-toolbar{grid-template-columns:1fr;height:auto;padding:12px}.window-dots,.toolbar-actions{display:none}.template-list,.image-strip,.field-grid{grid-template-columns:1fr}.preview-stage{padding:56px 8px 30px}.preview-mode-switch{top:12px;right:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.article-canvas{border-radius:18px;min-height:640px;overflow:hidden;box-shadow:0 24px 70px #25231f1f}.article-body{padding:var(--article-body-block,42px) var(--article-page-margin,34px) calc(var(--article-body-block,42px) + 26px)}.article-body.narrow,.narrow{padding-inline:var(--article-page-margin,46px)}.article-decor{color:var(--article-line-color,#54504857);letter-spacing:.08em;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic}.article-h1{letter-spacing:.06em;margin:0 0 42px;font-size:26px;font-weight:400;line-height:1.4}.article-h2{letter-spacing:.08em;text-align:center;font-size:18px;font-weight:400;line-height:1.6}.article-h3{border-left:2px solid var(--article-line-color,#504c4438);color:var(--article-strong-color,#504c44);letter-spacing:.06em;margin:44px 0 18px;padding-left:13px;font-size:16px;font-weight:500;line-height:1.65}.article-p{margin-top:0;font-weight:400}.article-p strong,.article-list strong,.article-quote strong,.article-table strong{color:var(--article-strong-color,#48463f);font-weight:600}.article-p em,.article-list em,.article-quote em,.article-table em{color:var(--article-soft-color,#77736a);font-style:italic}.article-list{color:var(--article-muted-color,#545048e0);gap:10px;margin:18px 0;display:grid}.article-list-ordered{padding-left:24px;list-style:decimal}.article-list-unordered{margin-top:8px;margin-bottom:22px;padding:0;list-style:none}.article-list-depth-0:has(+.article-list-depth-1){margin-bottom:4px}.article-list-depth-1{gap:5px;margin-top:-2px;margin-bottom:12px;padding-left:20px}.article-list-ordered+.article-list-unordered{margin-top:6px}.article-list-ordered+.article-list-depth-1{margin-top:-2px}.article-list-depth-0+.article-list-depth-1,.article-list-unordered+.article-list-depth-1{margin-top:-4px}.article-list-unordered+.article-list-ordered,.article-list-unordered+.article-p,.article-list-unordered+.article-h2,.article-list-unordered+.article-h3{margin-top:24px}.article-h2+.article-list,.article-h3+.article-list,.article-quote+.article-list,.article-divider+.article-list{margin-top:8px}.article-list li{color:var(--article-muted-color,#545048db);line-height:inherit;position:relative}.article-list-unordered li{padding-left:22px}.article-list-depth-1 li{color:var(--article-soft-color,#545048b8);padding-left:17px;font-size:.96em}.article-list-unordered li:before{content:"";background:var(--article-line-color,#504c4457);border-radius:999px;width:4px;height:4px;position:absolute;top:.92em;left:3px;box-shadow:0 0 0 4px #504c440b}.article-list-depth-1 li:before{width:5px;height:5px;box-shadow:none;background:#3a332a94;border-radius:1.5px;top:.9em;left:3px;transform:rotate(45deg)}.article-quote{color:var(--article-soft-color,#545048b3);text-align:left;margin:58px 0;padding:28px 24px;position:relative}.article-quote:before,.article-quote:after{content:"";background:linear-gradient(90deg, transparent, var(--article-line-color,#504c442e), transparent);width:76px;height:1px;position:absolute;left:24px}.article-quote:before{top:0}.article-quote:after{bottom:0}.article-quote p{letter-spacing:.04em;margin:0;font-size:14px;line-height:2.1}.article-table-wrap{-webkit-overflow-scrolling:touch;margin:36px -18px 40px;padding:0 4px 8px;overflow-x:auto}.article-table{border-collapse:collapse;width:100%;min-width:100%;color:var(--article-muted-color,#302d28db);letter-spacing:.01em;table-layout:auto;font-family:inherit;font-size:12px;line-height:1.72}.article-table th,.article-table td{border-bottom:1px solid var(--article-line-color,#504c441f);vertical-align:top;word-break:break-word;padding:11px 10px}.article-table th{color:var(--article-strong-color,#27241ff0);white-space:normal;font-weight:600}.article-table tbody tr:last-child td{border-bottom-color:#504c440f}.article-table tbody tr:hover td{background:#ffffff3d}.article-divider{justify-content:center;margin:48px 0;display:flex}.article-divider span{background:var(--article-line-color,#504c4424);width:74px;height:1px;display:block}.article-image{margin:var(--article-image-gap,48px) 0;background:var(--article-line-color,#504c4414);position:relative;overflow:hidden}.article-image:has(.image-upload-cta){cursor:pointer}.image-block-input{display:none}.article-image.adjustable-image{cursor:grab}.article-image.adjustable-image:after{content:"拖动调整裁切";opacity:0;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:0;pointer-events:none;background:#25231f61;border-radius:999px;padding:5px 8px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:10px;transition:opacity .16s;position:absolute;bottom:10px;right:10px}.article-image.adjustable-image:hover:after,.article-image.adjustable-image.is-panning:after{opacity:1}.article-image.adjustable-image.is-panning{cursor:grabbing}.article-image.adjustable-image:after{content:"拖动调整裁切"}.article-image img{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;width:100%;height:100%;display:block}.image-inline-actions{z-index:3;opacity:0;pointer-events:none;gap:6px;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.article-image:hover .image-inline-actions,.article-image.is-panning .image-inline-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.image-inline-actions button,.image-upload-cta{color:#2d2a24c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbd;border:1px solid #ffffff7a;justify-content:center;align-items:center;gap:6px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:11px;font-weight:650;display:inline-flex;box-shadow:0 14px 30px #2a26201f}.image-inline-actions button{pointer-events:auto;border-radius:999px;height:28px;padding:0 9px}.image-upload-cta{opacity:0;border-radius:999px;height:34px;padding:0 14px;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.article-image:hover .image-upload-cta{opacity:1;transform:translate(-50%,-50%)}.image-placeholder{color:#403d3757;letter-spacing:.12em;background:linear-gradient(135deg,#ffffff47,#0000),#8781711f;place-items:center;width:100%;height:100%;font-family:Georgia,serif;font-size:12px;font-style:italic;display:grid;position:relative}.nature-template{background-image:linear-gradient(#ffffff47,#0000 220px)}.nature-hero{min-height:280px;position:relative}.nature-hero .article-image{aspect-ratio:4/5;margin:0;border-radius:0!important}.nature-title{padding:24px 0 0;position:absolute;bottom:30px;left:34px;right:34px}.nature-title h1,.hero-opening-title h1{letter-spacing:.08em;margin:0;font-size:28px;font-weight:400;line-height:1.35}.nature-title .article-decor,.hero-opening-title .article-decor{margin-bottom:10px}.image-essay-template .article-body{padding-top:58px}.image-wide-contained{width:100%;margin-inline:auto}.image-square-center{width:76%;margin-inline:auto}.image-portrait-center{width:64%;margin-inline:auto}.image-small-center{width:58%;margin-inline:auto}.image-medium-center{width:72%;margin-inline:auto}.image-near-edge{margin-inline:calc(20px - var(--article-page-margin,22px))}.image-full-bleed{margin-inline:calc(var(--article-page-margin,34px) * -1);border-radius:0!important}.template-fixed-hero{aspect-ratio:4/5;margin:0;border-radius:0!important}.poetic-fixed-hero{width:78%;margin:52px auto 0;border-radius:18px!important}.hero-opening{min-height:420px;position:relative}.hero-opening .hero-tall{aspect-ratio:auto;height:430px;margin:0;border-radius:0!important}.hero-opening-title{color:#f8f5ed;text-shadow:0 10px 30px #00000047;position:absolute;bottom:34px;left:34px;right:34px}.hero-opening.no-image{background:linear-gradient(#ffffff2e,#58534914);place-items:end start;padding:44px 34px;display:grid}.hero-opening.no-image .hero-opening-title{color:inherit;text-shadow:none;position:static}.poetic-template{background-image:linear-gradient(90deg,#504c440d 1px,#0000 1px),linear-gradient(#ffffff2e,#0000);background-size:100px 100%}.poetic-inner{padding:74px var(--article-page-margin,58px) 96px}.poetic-line{line-height:2.28}.poetic-image{width:72%;margin:calc(var(--article-image-gap,48px) + 16px) auto}.poetic-image-wide{width:88%}.poetic-image-square{width:68%}.poetic-image-portrait{width:58%}.chapter-template .article-body{padding:44px var(--article-page-margin,28px) 72px}.chapter-card{background:#fff;border:1px solid #504c440b;border-radius:20px;margin-top:44px;padding:34px 28px 30px;position:relative;box-shadow:0 18px 46px #2a26200b}.chapter-card .article-h2{text-align:left;margin-top:0!important}.chapter-number{color:#504c4452;margin-bottom:22px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:block}.wechat-mode .article-body,.wechat-mode .article-body.narrow,.wechat-mode .narrow{padding-inline:var(--article-page-margin,22px)}.wechat-mode .poetic-inner{padding-inline:var(--article-page-margin,30px)}.wechat-mode .nature-title,.wechat-mode .hero-opening-title{left:var(--article-page-margin,22px);right:var(--article-page-margin,22px)}.wechat-mode .image-full-bleed{margin-inline:calc(var(--article-page-margin,22px) * -1)}.wechat-mode .chapter-template .article-body{padding-inline:var(--article-page-margin,18px)}.wechat-mode .chapter-card{padding-inline:var(--article-page-margin,22px)}@media (width<=480px){.article-body,.article-body.narrow,.narrow,.poetic-inner{padding-inline:30px}}