@font-face{font-display:swap;font-family:Alibaba PuHuiTi;font-style:normal;font-weight:700 900;src:url(/fonts/AlibabaPuHuiTi-3-85-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Canger Jinkai;font-style:normal;font-weight:400;src:url(/fonts/CangerJinkai04-W04.woff2) format("woff2"),url(/fonts/CangerJinkai04-W04.ttf) format("truetype")}@font-face{font-display:swap;font-family:LXGW WenKai GB Screen;font-style:normal;font-weight:400 900;src:url(/fonts/LXGWWenKaiGBScreen.ttf) format("truetype")}:root{--bg:#efeee8;--panel:#fbfaf6;--ink:#1c1b18;--muted:#67645d;--line:#dedbd0;--accent:#123a6f;--accent-ink:#ffffff;--danger:#9b2c2c}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:LXGW WenKai GB Screen,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:320px minmax(460px,1fr) 420px;grid-gap:16px;gap:16px;height:100vh;overflow:hidden;padding:16px}.panel{background:color-mix(in srgb,var(--panel),#ffffff 20%);border:1px solid var(--line);border-radius:8px;overflow:auto;padding:18px}.brand{border-bottom:1px solid var(--line);gap:12px;padding-bottom:18px}.brand,.brand-mark{align-items:center;display:flex}.brand-mark{background:#ffffff;border:1px solid var(--line);border-radius:8px;height:44px;justify-content:center;overflow:hidden;width:44px}.brand-mark img{display:block;height:100%;object-fit:contain;width:100%}.brand h1,.preview-toolbar h2{font-size:18px;letter-spacing:0;line-height:1.2;margin:0}.brand p,.export-box p,.hint,.message,.preview-toolbar p{color:var(--muted);font-size:12px;line-height:1.6;margin:4px 0 0}.control-section{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.section-title{align-items:center;color:#33302b;display:flex;font-size:13px;font-weight:700;gap:8px}.option-grid{display:grid;grid-gap:8px;gap:8px}.theme-option{background:#fffdf8;border:1px solid var(--line);border-radius:7px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:18px 1fr;min-height:62px;padding:10px;text-align:left}.theme-option:hover{border-color:color-mix(in srgb,var(--theme-accent,var(--accent)),var(--line) 35%)}.theme-option span{border-radius:50%;height:12px;margin-top:4px;width:12px}.theme-option strong{font-size:13px}.theme-option small{color:var(--muted);font-size:11px;grid-column:2}.segmented button.active,.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-option.active{border-color:var(--theme-accent,var(--accent));box-shadow:0 0 0 1px var(--theme-accent,var(--accent))}.segmented{background:#ece9df;border:1px solid var(--line);border-radius:7px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.segmented-three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{background:transparent;border:1px solid transparent;border-radius:5px;color:#34312c;min-height:34px;padding:6px 8px}.segmented button.active{background:#fffdf8}.range-control{align-items:center;background:#ece9df;border:1px solid var(--line);border-radius:7px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 52px;padding:10px}.range-control input[type=range]{accent-color:var(--accent);width:100%}.range-control output{background:#fffdf8;border:1px solid var(--line);border-radius:5px;color:#302d28;font-size:12px;font-weight:700;padding:5px 7px;text-align:center}.switch-row{align-items:center;border-top:1px solid var(--line);display:flex;font-size:13px;gap:10px;margin-top:20px;padding-top:16px}.export-box{background:#ebe7da;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;margin-top:18px;padding:12px}.icon-button,.primary-button,.url-row button{align-items:center;border-radius:6px;display:inline-flex;gap:8px;justify-content:center}.primary-button{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink);font-weight:700;min-height:40px;padding:8px 12px}.preview-column{min-width:0;overflow:hidden}.preview-toolbar{justify-content:space-between;margin-bottom:12px}.preview-toolbar,.status-pill{align-items:center;display:flex}.status-pill{background:#fbfaf6;border:1px solid var(--line);border-radius:999px;color:#123a6f;font-size:12px;gap:6px;padding:7px 10px}.cards-stage{grid-gap:18px;gap:18px;height:calc(100vh - 80px);overflow:auto;padding:8px 8px 80px}.card-frame,.cards-stage{display:grid;justify-items:center}.card-frame{grid-gap:10px;gap:10px}.xhs-card{aspect-ratio:3/4;border:1px solid rgba(30,28,24,.1);box-shadow:0 24px 70px rgba(43,39,31,.14);container-type:inline-size;cursor:pointer;display:flex;flex-direction:column;height:680px;overflow:hidden;padding:42px 42px 28px;position:relative;width:510px}.cover-card{cursor:default}.cover-card-image{background:#15130f;color:#fff8e7;padding:34px 34px 26px}.theme-journal.cover-card-image,.theme-luxury.cover-card-image,.theme-magazine.cover-card-image,.theme-paper.cover-card-image,.theme-swiss.cover-card-image,.theme-takram.cover-card-image{color:#fff8e7}.cover-photo,.cover-shade{inset:0;position:absolute}.cover-photo{height:100%;object-fit:var(--cover-object-fit,cover);object-position:center var(--cover-object-position,center);width:100%;z-index:0}.cover-shade{background:linear-gradient(180deg,rgba(0,0,0,calc(var(--cover-overlay, .46) * .18)) 0,rgba(0,0,0,calc(var(--cover-overlay, .46) * .08)) 28%,rgba(0,0,0,calc(var(--cover-overlay, .46) * .58)) 58%,rgba(0,0,0,calc(var(--cover-overlay, .46) * 1.18)) 100%),linear-gradient(90deg,rgba(0,0,0,.34),transparent 52%);z-index:1}.cover-text-top .cover-shade{background:linear-gradient(180deg,rgba(0,0,0,calc(var(--cover-overlay, .46) * 1.18)) 0,rgba(0,0,0,calc(var(--cover-overlay, .46) * .62)) 36%,rgba(0,0,0,calc(var(--cover-overlay, .46) * .14)) 68%,rgba(0,0,0,calc(var(--cover-overlay, .46) * .18)) 100%),linear-gradient(90deg,rgba(0,0,0,.34),transparent 52%)}.cover-text-middle .cover-shade{background:linear-gradient(180deg,rgba(0,0,0,calc(var(--cover-overlay, .46) * .12)) 0,rgba(0,0,0,calc(var(--cover-overlay, .46) * .1)) 34%,rgba(0,0,0,calc(var(--cover-overlay, .46) * .46)) 62%,rgba(0,0,0,calc(var(--cover-overlay, .46) * .88)) 88%,rgba(0,0,0,calc(var(--cover-overlay, .46) * .74)) 100%),linear-gradient(90deg,rgba(0,0,0,.32),transparent 54%)}.cover-card-image:before{border-color:rgba(255,248,231,.34);z-index:2}.xhs-card footer{align-items:center;border-top:1px solid;display:grid;flex:0 0 auto;font-size:13px;font-weight:600;grid-template-columns:1fr auto 1fr;letter-spacing:0;opacity:.72;padding-top:14px;position:relative;z-index:2}.footer-signature{justify-self:center;text-align:center}.footer-page{justify-self:end;text-align:right}.cover-card footer,.cover-card-image footer{border-top:0;position:relative;z-index:3}.body-content,.cover-content{min-height:0;position:relative;z-index:2}.cover-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding-top:255px;position:relative;transform:translateY(var(--cover-text-offset,0));z-index:3}.cover-masthead{align-items:baseline;border-bottom:1px solid;display:flex;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:800;justify-content:space-between;letter-spacing:0;line-height:1;margin-bottom:auto;padding-bottom:12px}.cover-kicker,.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:24px}.cover-kicker{margin:auto 0 18px;opacity:.78}.cover-card-image .cover-kicker{color:#fff8e7;letter-spacing:.16em;margin:auto 0 16px;opacity:.86;text-shadow:0 2px 12px rgba(0,0,0,.42)}.cover-text-middle .cover-content{justify-content:flex-end;padding-top:0;padding-bottom:86px}.cover-text-middle .cover-kicker{margin:0 0 16px}.cover-text-top .cover-content{justify-content:flex-start;padding-top:28px}.cover-text-top .cover-kicker{margin:0 0 16px}.cover-content h2{font-size:46px;letter-spacing:0;line-height:1.18;margin:0}.cover-card-image .cover-content h2,.theme-journal.cover-card-image .cover-content h2,.theme-luxury.cover-card-image .cover-content h2,.theme-magazine.cover-card-image .cover-content h2,.theme-paper.cover-card-image .cover-content h2,.theme-swiss.cover-card-image .cover-content h2,.theme-takram.cover-card-image .cover-content h2{color:#fff8e7;font-size:clamp(36px,10.6cqw,54px);font-weight:900;line-height:1.08;max-width:92%;text-shadow:0 2px 20px rgba(0,0,0,.58),0 1px 2px rgba(0,0,0,.42)}.cover-author{border-top:1px solid;margin-top:34px;max-width:82%;padding-top:16px}.cover-card-image .cover-author{border-top-color:rgba(255,248,231,.72);margin-top:22px;max-width:76%;padding-top:12px}.cover-text-top .cover-author{margin-top:18px}.cover-author strong{font-size:23px;font-weight:700;line-height:1.45}.cover-card-image .cover-author strong{font-size:18px;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.5)}.body-content{flex:1 1 auto;margin-bottom:18px;min-height:0;overflow:hidden}.markdown-body{font-size:var(--body-font-size,22px);line-height:1.62;outline:none}.markdown-body[contenteditable=true]:focus{box-shadow:inset 0 0 0 1px rgba(18,58,111,.28)}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5{letter-spacing:0;line-height:1.24;margin:0 0 .6em}.markdown-body h1{font-size:1.7em}.markdown-body h2{font-size:1.48em}.markdown-body h3{font-size:1.22em}.markdown-body h4{font-size:1.12em;font-weight:800;margin-top:.82em}.markdown-body h5{font-size:1em;font-weight:800;margin-top:.72em;opacity:.92}.markdown-body blockquote,.markdown-body ol,.markdown-body p,.markdown-body ul{margin:0 0 .72em}.markdown-body ol,.markdown-body ul{padding-left:1.25em}.markdown-body li{margin:.25em 0}.markdown-body blockquote{border-left:4px solid;padding-left:.8em}.markdown-body code{background:rgba(0,0,0,.08);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;padding:.12em .28em}.markdown-body mark{background:#fff0a8;border-radius:4px;color:inherit;padding:.04em .22em}.theme-magazine{background:linear-gradient(90deg,rgba(122,77,50,.08) 1px,transparent 0),#fffdf7;background-size:72px 72px;color:#1f1b17}.theme-magazine .cover-content h2,.theme-magazine .markdown-body h1,.theme-magazine .markdown-body h2,.theme-magazine .markdown-body h3,.theme-magazine .markdown-body h4,.theme-magazine .markdown-body h5{color:#7a4d32}.theme-magazine:before{border:1px solid rgba(122,77,50,.2);content:"";inset:20px;pointer-events:none;position:absolute}.theme-magazine .markdown-body blockquote{background:rgba(122,77,50,.06);border-left-color:#7a4d32}.theme-swiss{background:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),#f8f7f2;background-size:34px 34px;color:#111111}.theme-swiss:before{background:#ff4d1f;content:"";height:12px;left:42px;pointer-events:none;position:absolute;right:42px;top:22px;z-index:1}.theme-swiss .eyebrow,.theme-swiss .markdown-body h1,.theme-swiss .markdown-body h2,.theme-swiss .markdown-body h3,.theme-swiss .markdown-body h4,.theme-swiss .markdown-body h5,.theme-swiss .markdown-body strong{color:#ff4d1f}.theme-swiss .cover-content h2{font-size:50px;font-weight:900}.theme-swiss.cover-card-image .cover-content h2{font-size:clamp(36px,10.6cqw,54px)}.theme-journal.cover-card-image:before,.theme-swiss.cover-card-image:before{display:none}.theme-swiss .markdown-body blockquote{background:rgba(255,77,31,.08)}.theme-luxury{background:radial-gradient(circle at 80% 8%,rgba(184,137,74,.13),transparent 26%),#fbf7ed;color:#25201a}.theme-luxury:before{border:1px solid rgba(184,137,74,.32);content:"";inset:26px;pointer-events:none;position:absolute}.theme-luxury .cover-author,.theme-luxury .cover-masthead,.theme-luxury footer{border-color:rgba(184,137,74,.58)}.theme-luxury .cover-content h2,.theme-luxury .eyebrow,.theme-luxury .markdown-body h1,.theme-luxury .markdown-body h2,.theme-luxury .markdown-body h3,.theme-luxury .markdown-body h4,.theme-luxury .markdown-body h5,.theme-luxury .markdown-body strong{color:#9c6f34}.theme-luxury .markdown-body blockquote{background:rgba(184,137,74,.09);border-left-color:#b8894a}.theme-takram{background:radial-gradient(circle at 18% 18%,rgba(111,143,128,.17),transparent 28%),linear-gradient(135deg,rgba(229,221,204,.48),transparent 54%),#f7f4ec;color:#25312c}.theme-takram:before{background:linear-gradient(90deg,rgba(111,143,128,.24) 1px,transparent 0),linear-gradient(rgba(111,143,128,.16) 1px,transparent 0);background-size:22px 22px;border-radius:18px;content:"";inset:24px;opacity:.42;pointer-events:none;position:absolute}.theme-takram .cover-content h2,.theme-takram .eyebrow,.theme-takram .markdown-body h1,.theme-takram .markdown-body h2,.theme-takram .markdown-body h3,.theme-takram .markdown-body h4,.theme-takram .markdown-body h5,.theme-takram .markdown-body strong{color:#58786b}.theme-takram .markdown-body blockquote{background:rgba(111,143,128,.12);border-left-color:#6f8f80;border-radius:0 12px 12px 0}.theme-journal{background:linear-gradient(90deg,rgba(31,79,122,.1) 1px,transparent 0),#f3f5f4;background-size:96px 96px;color:#1b242c}.theme-journal:before{background:rgba(31,79,122,.72);content:"";height:4px;left:42px;pointer-events:none;position:absolute;right:42px;top:28px}.theme-journal .cover-content h2,.theme-journal .eyebrow,.theme-journal .markdown-body h1,.theme-journal .markdown-body h2,.theme-journal .markdown-body h3,.theme-journal .markdown-body h4,.theme-journal .markdown-body h5,.theme-journal .markdown-body strong{color:#1f4f7a}.theme-journal .markdown-body blockquote{background:rgba(31,79,122,.08);border-left-color:#1f4f7a}.theme-journal .markdown-body code{background:rgba(31,79,122,.12)}.theme-paper{background:linear-gradient(90deg,rgba(112,98,78,.035) 1px,transparent 0),linear-gradient(rgba(112,98,78,.025) 1px,transparent 0),#fffef9;background-size:12px 12px;color:#28241d}.theme-paper:before{border:1px solid rgba(155,143,121,.18);content:"";inset:30px 30px 84px;pointer-events:none;position:absolute}.theme-paper .cover-content h2,.theme-paper .eyebrow,.theme-paper .markdown-body h1,.theme-paper .markdown-body h2,.theme-paper .markdown-body h3,.theme-paper .markdown-body h4,.theme-paper .markdown-body h5,.theme-paper .markdown-body strong{color:#736653}.theme-paper .markdown-body{line-height:1.72}.theme-paper .markdown-body blockquote{background:rgba(155,143,121,.08);border-left-color:#9b8f79}.font-sans,.font-sans .markdown-body{font-family:Alibaba PuHuiTi,system-ui,sans-serif}.font-serif,.font-serif .markdown-body{font-family:Canger Jinkai,Georgia,serif}.font-kai,.font-kai .markdown-body{font-family:LXGW WenKai GB Screen,Canger Jinkai,serif}.font-system,.font-system .markdown-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.export-one{background:#fffdf8;border:1px solid var(--line);color:#292620;min-height:34px;padding:7px 12px}.editor-panel input,.editor-panel textarea,.url-row input{background:#fffdf8;border:1px solid var(--line);border-radius:6px;color:var(--ink);outline:none;padding:10px 11px;width:100%}.editor-panel input:focus,.editor-panel textarea:focus,.url-row input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(18,58,111,.12)}.url-row{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 42px}.url-row button{background:var(--ink);border:1px solid var(--ink);color:#fffdf8}.cover-file-input,.import-dropzone input{display:none}.import-dropzone{background:#f6f3ea;border:1px dashed #c9c3b5;border-radius:8px;padding:8px;transition:background .15s ease,border-color .15s ease}.import-dropzone.dragging{background:#e9f2ec;border-color:var(--accent)}.dropzone-main,.import-actions button{align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:6px;color:#292620;display:inline-flex;gap:7px;justify-content:center;min-height:36px;padding:7px 10px;width:100%}.dropzone-main:hover,.import-actions button:hover{border-color:var(--accent);color:var(--accent)}.import-actions{display:grid;grid-gap:8px;gap:8px}.import-actions .clear-button{color:var(--danger)}.import-actions .clear-button:hover{border-color:var(--danger);color:var(--danger)}.cover-thumb{background:#161410;border:1px solid var(--line);height:120px;overflow:hidden}.cover-thumb img{display:block;height:100%;object-fit:cover;width:100%}.secondary-clear{align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:6px;color:var(--danger);display:inline-flex;gap:7px;justify-content:center;min-height:36px;padding:7px 10px;width:100%}.import-hint{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:6px;line-height:1.5;margin:-2px 0 0}.editor-section{min-height:0}.markdown-toolbar{align-items:center;background:#ece9df;border:1px solid var(--line);border-radius:7px;display:flex;flex-wrap:wrap;gap:6px;padding:6px}.markdown-toolbar button{align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:5px;color:#292620;display:inline-flex;font-size:12px;font-weight:800;height:30px;justify-content:center;min-width:32px;padding:0 9px}.markdown-toolbar button:hover{border-color:var(--accent);color:var(--accent)}.content-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;height:43vh;line-height:1.7;resize:vertical}.hint code{background:#ebe7da;border-radius:4px;padding:1px 5px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1180px){.app-shell{grid-template-columns:280px minmax(430px,1fr) 360px}.xhs-card{height:620px;width:465px}}@media (max-width:980px){.app-shell{overflow:auto;grid-template-columns:1fr}.app-shell,.cards-stage{height:auto}.xhs-card{height:min(680px,calc((100vw - 48px) * 4 / 3));width:min(510px,calc(100vw - 48px))}}