:root{color-scheme:light;--bg: #f4f0e8;--surface: #fffdf8;--surface-2: #f8f5ee;--text: #1f2725;--muted: #6f7770;--line: #ded8cc;--ink: #27313d;--green: #1f7a64;--coral: #c4513f;--gold: #b9821f;--violet: #7750a2;--blue: #356f9c;--shadow: 0 18px 50px rgba(39, 49, 61, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(255,255,255,.8),transparent 40%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;letter-spacing:0}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:#fffdf8d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 16px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:#fffdf8;font-weight:800;font-size:22px}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:var(--muted);font-size:12px}.side-nav{display:grid;gap:6px}.side-nav button,.mobile-nav button{border:0;background:transparent;color:var(--muted)}.side-nav button{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;text-align:left}.side-nav button.active,.side-nav button:hover{background:#ece5d8;color:var(--text)}.side-panel{margin-top:auto;border:1px solid var(--line);border-radius:8px;padding:16px;background:#f8f5ee}.side-panel strong{display:block;margin-top:12px}.side-panel p{margin:8px 0 0;color:var(--muted);line-height:1.6;font-size:13px}.workspace{min-width:0;padding:28px;overflow-x:hidden}.topbar{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:24px}.topbar>div,.top-actions,.main-column{min-width:0}.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:760px;margin:0;font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:10px}.search-box{width:min(360px,34vw);min-height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fffdf8db}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text)}.icon-button,.avatar-button,.primary-button,.secondary-button,.text-button,.tool-card-foot button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.icon-button,.avatar-button{width:44px;height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.hero-band{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;padding:28px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(110deg,rgba(31,122,100,.13),transparent 44%),linear-gradient(130deg,rgba(196,81,63,.12),transparent 58%),var(--surface);box-shadow:var(--shadow)}.hero-copy{min-width:0}.status-pill{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#27313d14;color:var(--ink);font-size:13px;font-weight:700}.hero-band h2{margin:18px 0 12px;font-size:clamp(28px,4vw,50px);line-height:1.05;letter-spacing:0}.hero-band p{max-width:690px;margin:0;color:#4f5953;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.primary-button,.secondary-button{min-height:44px;gap:8px;padding:0 16px;border:1px solid transparent;font-weight:800}.primary-button{background:var(--ink);color:#fffdf8}.secondary-button{background:transparent;color:var(--text);border-color:var(--line)}.hero-board{display:grid;gap:12px}.hero-board div{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid rgba(39,49,61,.1);border-radius:8px;background:#fffdf8b3}.hero-board span{color:var(--muted);font-size:14px}.hero-board strong{font-size:34px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:24px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:0;font-size:24px;letter-spacing:0}.section-heading.compact{margin-bottom:14px}.text-button{gap:4px;min-height:38px;border:0;background:transparent;color:var(--green);font-weight:800}.group-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.group-tabs button{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-weight:700}.group-tabs button.selected{background:var(--text);color:#fffdf8;border-color:var(--text)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{min-height:250px;display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 10px 26px #27313d0f}.tool-card:hover{transform:translateY(-2px);transition:transform .16s ease}.tool-card.clickable{cursor:pointer}.tool-card.clickable:hover{border-color:#1f7a646b}.tool-card-head,.tool-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-title{min-width:0;display:flex;align-items:center;gap:12px}.tool-icon{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#27313d14}.tool-card-head span{color:var(--muted);font-size:12px;font-weight:800}.tool-card h3{margin:0;font-size:20px;letter-spacing:0}.tool-card p{margin:18px 0 0;color:var(--muted);line-height:1.65;font-size:14px}.tool-card-foot{margin-top:auto;padding-top:20px}.tool-card-foot small{color:#58615b}.tool-card-foot button{width:36px;height:36px;border:1px solid var(--line);background:var(--surface-2);color:currentColor}.tool-card.ink{color:var(--ink)}.tool-card.green{color:var(--green)}.tool-card.coral{color:var(--coral)}.tool-card.gold{color:var(--gold)}.tool-card.violet{color:var(--violet)}.tool-card.blue{color:var(--blue)}.right-column{display:grid;gap:14px}.panel{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--surface)}.recent-list{display:grid;gap:8px}.recent-list button{width:100%;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);text-align:left}.recent-list strong,.recent-list small{display:block}.recent-list small,.recent-list em{margin-top:4px;color:var(--muted);font-size:12px;font-style:normal}.accent-panel{background:#23332f;color:#fffdf8}.accent-panel p{color:#fffdf8bd;line-height:1.7}.quote-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#fffdf81f}.mini-list{display:grid;gap:12px}.mini-row{display:flex;align-items:center;gap:10px;color:#46504b;font-weight:700}.mobile-nav{display:none}@media(max-width:1180px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1fr)}.right-column{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.app-shell{display:block;padding-bottom:74px;overflow-x:hidden}.sidebar{display:none}.workspace{width:100%;max-width:100vw;padding:18px}.topbar{display:grid;gap:18px;width:calc(100vw - 36px);max-width:calc(100vw - 36px)}.top-actions,.search-box{width:100%}.hero-band{grid-template-columns:1fr;width:calc(100vw - 36px);max-width:calc(100vw - 36px);padding:20px}.content-grid{width:calc(100vw - 36px);max-width:calc(100vw - 36px)}.hero-board{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-board div{min-height:78px;display:grid;align-content:center}.hero-board strong{font-size:28px}.right-column{grid-template-columns:1fr}.mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fffdf8f0;box-shadow:0 12px 34px #27313d2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{min-height:52px;display:grid;place-items:center;gap:3px;border-radius:8px;font-size:12px}.mobile-nav button.active{background:#ece5d8;color:var(--text)}}@media(max-width:640px){h1{max-width:calc(100vw - 36px);font-size:30px;line-break:anywhere;overflow-wrap:anywhere}.top-actions{display:grid;grid-template-columns:minmax(0,1fr)}.icon-button,.avatar-button{display:none}.hero-band h2{font-size:32px;line-break:anywhere;overflow-wrap:anywhere}.hero-band p{line-break:anywhere;overflow-wrap:anywhere}.hero-board{grid-template-columns:1fr}.section-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:flex-start;justify-content:start}.text-button{margin-left:-4px;justify-self:start}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:220px}.recent-list button{align-items:flex-start;flex-direction:column}}.writer-page,.editor-page{min-height:100vh;background:linear-gradient(135deg,rgba(255,255,255,.86),transparent 42%),var(--bg);color:var(--text)}.writer-header,.editor-topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 28px;border-bottom:1px solid var(--line);background:#fffdf8e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.writer-header h1{margin:0}.writer-list-shell{padding:28px}.empty-state{min-height:420px;display:grid;place-items:center;align-content:center;gap:14px;padding:40px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:center}.empty-state h2,.empty-state p{margin:0}.empty-state p{max-width:560px;color:var(--muted);line-height:1.7}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{min-height:260px;display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 30px #27313d12}.article-card h2{margin:0 0 10px;font-size:22px}.article-card p{margin:0;color:var(--muted);line-height:1.7}.article-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.article-meta span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.article-actions{display:flex;gap:10px}.danger-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid rgba(196,81,63,.26);border-radius:8px;background:#c4513f14;color:var(--coral);font-weight:800}.title-editor{min-width:0;display:grid;gap:5px}.title-editor span{color:var(--muted);font-size:12px;font-weight:800}.title-editor input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:24px;font-weight:900}.save-state{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:800;white-space:nowrap}.editor-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.word-count{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-weight:800;white-space:nowrap;cursor:pointer}.word-count:hover{border-color:#1f7a646b;color:var(--green)}.manual-save-button{min-height:38px;padding:0 12px}.novel-editor-grid{display:grid;grid-template-columns:15vw minmax(0,1fr) 15vw;gap:14px;min-height:calc(100vh - 82px);padding:14px}.novel-editor-grid.left-collapsed{grid-template-columns:46px minmax(0,1fr) 15vw}.novel-editor-grid.right-collapsed{grid-template-columns:15vw minmax(0,1fr) 46px}.novel-editor-grid.left-collapsed.right-collapsed{grid-template-columns:46px minmax(0,1fr) 46px}.side-notebook,.main-editor{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.side-notebook{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden}.side-notebook.collapsed{align-items:center;padding:10px 6px}.side-toggle{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text)}.side-title-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px}.side-title-row input{min-width:0;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:var(--surface-2);color:var(--text);font-weight:800}.side-title-row button,.editor-toolbar button,.side-actions button,.side-import-row button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-weight:800}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-import-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.side-import-row select,.editor-toolbar select{min-width:0;min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:var(--surface-2);color:var(--text)}.side-error{margin:0;color:var(--coral);font-size:12px}.side-editor,.body-editor{outline:0;overflow:auto}.side-editor{min-height:260px;flex:1;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffefa;line-height:1.75}.side-editor img,.body-editor img{max-width:100%;height:auto;border-radius:8px}.imported-document{margin:12px 0;padding:10px;border-left:3px solid var(--green);background:#1f7a640f}.imported-document h3{margin:0 0 8px;font-size:14px}.history-panel{display:grid;gap:8px;max-height:220px;overflow:auto;padding-top:4px}.history-panel strong{font-size:13px}.history-panel p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.history-panel button{display:grid;gap:4px;width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);text-align:left}.history-panel span{color:var(--text);font-weight:800}.history-panel small{color:var(--muted)}.main-editor{display:grid;grid-template-rows:auto minmax(0,1fr);position:relative;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid var(--line);background:#f8f5eecc}.editor-toolbar button{width:36px;padding:0}.toolbar-color{width:42px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);position:relative}.toolbar-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.body-editor{min-height:640px;padding:30px clamp(18px,4vw,56px);background:#fffefa;color:var(--text);font-size:17px;line-height:1.9}.body-editor:empty:before,.side-editor:empty:before{content:"开始输入内容...";color:var(--muted)}.body-editor blockquote{margin:18px 0;padding:8px 14px;border-left:3px solid var(--green);background:#1f7a640f}.context-editor-menu{position:fixed;z-index:40;width:244px;display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffdf8fa;box-shadow:0 14px 34px #27313d2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.context-menu-row{display:flex;gap:6px}.context-menu-row button,.context-color{width:32px;height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text)}.context-menu-row.wide{display:grid;grid-template-columns:1fr 1fr}.context-menu-row select{min-width:0;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text)}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#1f272547}.confirm-dialog{position:relative;width:min(440px,100%);padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.confirm-dialog h2{margin:0 0 10px}.confirm-dialog p{margin:0 0 22px;color:var(--muted);line-height:1.7}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:10px}.dialog-close{position:absolute;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted)}.relation-page{min-height:100vh;display:grid;grid-template-columns:minmax(180px,15vw) minmax(0,1fr);background:linear-gradient(135deg,rgba(255,255,255,.86),transparent 42%),var(--bg);color:var(--text)}.map-page{min-height:100vh;display:grid;grid-template-columns:minmax(210px,15vw) minmax(0,1fr);background:linear-gradient(135deg,rgba(255,255,255,.86),transparent 42%),var(--bg);color:var(--text)}.map-records{min-width:0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:18px;padding:16px;border-right:1px solid var(--line);background:#fffdf8eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.map-records h1{margin:0;font-size:24px}.map-records-head,.map-toolbar,.map-toolbar-actions,.map-export-control{display:flex;align-items:center;gap:10px}.map-records-head{justify-content:space-between}.map-records-head .secondary-button,.map-records-head .primary-button{min-height:38px;padding:0 9px;font-size:14px;white-space:nowrap}.map-record-list{min-height:0;display:grid;gap:8px;overflow:auto;padding-right:2px}.map-record-list button{width:100%;display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-align:left}.map-record-list button.active,.map-record-list button:hover{border-color:#1f7a6466;background:#1f7a6414}.map-record-list span{font-weight:900;line-height:1.35}.map-record-list small,.map-record-list em,.map-record-empty{color:var(--muted);line-height:1.6}.map-record-list em{font-style:normal;font-size:12px}.map-editor{min-width:0;min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.map-toolbar{position:sticky;top:0;z-index:12;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:#fffdf8e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.map-toolbar-title{min-width:0}.map-toolbar-title h1,.map-toolbar-title p{margin:0}.map-toolbar-title h1{max-width:min(560px,42vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px}.map-toolbar-title span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.map-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.map-toolbar-actions .secondary-button,.map-toolbar-actions .danger-button{min-height:38px;padding:0 12px}.map-export-control{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.map-export-control select{border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-weight:800}.map-frame-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eff3f1}.map-editor-frame{display:block;width:100%;height:100%;min-height:calc(100vh - 76px);border:0;background:#fff}.map-frame-loading{position:absolute;inset:0;z-index:4;display:grid;place-items:center;align-content:center;gap:10px;background:#f4f0e8db;color:var(--muted);font-weight:800}.map-empty-state{margin:22px;min-height:calc(100vh - 44px);display:grid;place-items:center;align-content:center;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:center}.map-empty-state h2,.map-empty-state p{margin:0}.map-empty-state p{max-width:560px;color:var(--muted);line-height:1.7}.relation-records{min-width:0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:18px;padding:16px;border-right:1px solid var(--line);background:#fffdf8eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.relation-records h1{font-size:24px}.relation-records-head,.relation-toolbar,.relation-toolbar-actions,.property-menu-head{display:flex;align-items:center;gap:10px}.relation-records-head{justify-content:space-between}.relation-records-head .secondary-button,.relation-records-head .primary-button{min-height:38px;padding:0 9px;font-size:14px;white-space:nowrap}.relation-record-list{min-height:0;display:grid;gap:8px;overflow:auto;padding-right:2px}.relation-record-list button{width:100%;display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-align:left}.relation-record-list button.active,.relation-record-list button:hover{border-color:#c4513f61;background:#c4513f14}.relation-record-list span{font-weight:900;line-height:1.35}.relation-record-list small,.relation-record-empty{color:var(--muted);line-height:1.6}.relation-editor{min-width:0;min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.relation-empty-state{margin:22px;min-height:calc(100vh - 44px);display:grid;place-items:center;align-content:center;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:center}.relation-empty-state h2,.relation-empty-state p{margin:0}.relation-empty-state p{max-width:520px;color:var(--muted);line-height:1.7}.relation-toolbar{position:sticky;top:0;z-index:12;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:#fffdf8e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.relation-title-input{min-width:220px;display:grid;gap:4px}.relation-title-input span{color:var(--muted);font-size:12px;font-weight:800}.relation-title-input input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:22px;font-weight:900}.relation-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.relation-toolbar-actions .secondary-button,.relation-toolbar-actions .danger-button{min-height:38px;padding:0 12px}.relation-toolbar-actions .secondary-button:disabled{cursor:wait;opacity:.62}.relation-export-control{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.relation-export-control select{min-width:70px;border:0;outline:0;background:transparent;color:var(--text);font-weight:800}.relation-canvas{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(39,49,61,.18) 1px,transparent 0) 0 0 / 24px 24px,linear-gradient(135deg,rgba(31,122,100,.08),transparent 34%),#fffefa;cursor:grab;touch-action:none}.relation-canvas:active{cursor:grabbing}.relation-stage{position:absolute;left:0;top:0;width:4200px;height:3000px;transform-origin:0 0}.relation-edges-layer{position:absolute;inset:0;width:4200px;height:3000px;overflow:visible}.relation-edge{cursor:context-menu;pointer-events:visibleStroke}.relation-edge-hit{stroke:transparent;stroke-width:18;pointer-events:stroke}.relation-edge-line{fill:none;stroke-width:2.7;stroke-linecap:round;pointer-events:none}.relation-edge-label rect{fill:#fffdf8eb;stroke:#27313d1f}.relation-edge-label text{fill:var(--text);font-size:13px;font-weight:800;pointer-events:none}.relation-connect-draft{stroke:var(--green);stroke-width:2.4;stroke-dasharray:8 6;pointer-events:none}.relation-node{position:absolute;z-index:3;width:112px;min-height:90px;display:grid;justify-items:center;gap:6px;-webkit-user-select:none;user-select:none;cursor:move}.relation-avatar{width:58px;height:58px;display:grid;place-items:center;border:3px var(--node-border-style) var(--node-border-color);border-radius:50%;background:var(--avatar-color);box-shadow:0 10px 22px #27313d2e;overflow:hidden}.relation-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.relation-avatar svg{color:#fffdf8;stroke-width:2.4}.relation-node strong{max-width:112px;padding:3px 7px;border-radius:999px;background:#fffdf8db;color:var(--node-label-color);font-size:var(--node-label-size);line-height:1.25;text-align:center;box-shadow:0 8px 18px #27313d1a}.relation-node-connect{position:absolute;right:15px;top:-5px;z-index:4;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--green);cursor:crosshair;box-shadow:0 8px 18px #27313d29}.relation-legend-panel{position:absolute;z-index:8;width:270px;border:1px solid var(--line);border-radius:8px;background:#fffdf8f5;box-shadow:0 16px 36px #27313d2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.relation-legend-panel.collapsed{width:164px}.relation-legend-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-bottom:1px solid var(--line);cursor:move}.relation-legend-head span{display:inline-flex;align-items:center;gap:7px;font-weight:900}.relation-legend-head button,.relation-legend-row button,.property-menu-head button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text)}.relation-legend-body{display:grid;gap:8px;padding:10px}.relation-legend-row{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;gap:7px;align-items:center}.relation-legend-row input[type=color]{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.relation-legend-row input[type=text],.relation-legend-row input:not([type]){min-width:0;height:34px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:var(--surface-2);color:var(--text)}.relation-add-legend{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-weight:800}.relation-property-menu,.relation-label-menu{position:fixed;z-index:40;display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffdf8fa;box-shadow:0 16px 38px #27313d38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.relation-property-menu{width:min(330px,calc(100vw - 24px))}.relation-label-menu{width:220px}.property-menu-head{justify-content:space-between}.property-menu-head.draggable{cursor:move;-webkit-user-select:none;user-select:none}.property-menu-head.draggable button{cursor:pointer}.relation-property-menu label,.relation-label-menu label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.relation-property-menu input,.relation-property-menu select,.relation-property-menu textarea,.relation-label-menu input{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text)}.relation-property-menu input,.relation-property-menu select,.relation-label-menu input{height:36px;padding:0 9px}.relation-property-menu input[type=color],.relation-label-menu input[type=color]{padding:2px}.relation-label-menu input[type=range]{padding:0}.relation-property-menu textarea{min-height:128px;resize:vertical;padding:8px 9px;line-height:1.5}.property-two-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.property-wide-button{width:100%;min-height:38px}.avatar-swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.avatar-swatch-grid button{width:100%;height:36px;display:grid;place-items:center;border:2px solid transparent;border-radius:8px;background:var(--avatar-choice-color);color:#fffdf8}.avatar-swatch-grid button.selected{border-color:var(--text);box-shadow:0 0 0 2px #27313d1f}@media(max-width:1180px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.novel-editor-grid{grid-template-columns:minmax(40px,18vw) minmax(0,1fr) minmax(40px,18vw)}}@media(max-width:900px){.map-page{grid-template-columns:1fr}.map-records{position:relative;height:auto;min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.map-record-list{grid-auto-flow:column;grid-auto-columns:minmax(190px,240px);overflow-x:auto}.map-toolbar{align-items:flex-start;flex-direction:column}.map-toolbar-title h1{max-width:100%}.map-toolbar-actions{justify-content:flex-start}.map-editor-frame{min-height:720px}.relation-page{grid-template-columns:1fr}.relation-records{position:relative;height:auto;min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.relation-record-list{grid-auto-flow:column;grid-auto-columns:minmax(190px,240px);overflow-x:auto}.relation-toolbar{align-items:flex-start;flex-direction:column}.relation-title-input{width:100%}.relation-toolbar-actions{justify-content:flex-start}.relation-canvas{min-height:720px}.relation-property-menu,.relation-label-menu{left:12px!important;right:12px;top:84px!important}.writer-header,.editor-topbar{grid-template-columns:1fr;align-items:start;padding:14px 18px}.editor-status{justify-content:flex-start}.article-grid{grid-template-columns:1fr}.writer-list-shell{padding:18px}.novel-editor-grid{grid-template-columns:1fr;min-height:auto}.novel-editor-grid.left-collapsed,.novel-editor-grid.right-collapsed,.novel-editor-grid.left-collapsed.right-collapsed{grid-template-columns:1fr}.main-editor{order:1}.side-notebook.left{order:2}.side-notebook.right{order:3}.side-notebook{min-height:320px}.side-notebook.collapsed{min-height:56px;align-items:flex-start}.main-editor{min-height:720px}.body-editor{min-height:620px;padding:20px}}@media(max-width:640px){.map-toolbar-actions button,.map-export-control{width:100%}.map-records-head{align-items:stretch;flex-direction:column}.article-actions,.confirm-dialog>div{flex-direction:column}.article-actions button,.confirm-dialog button{width:100%}.side-actions{grid-template-columns:1fr}}