:root{--ink:#16202a;--muted:#687482;--line:#d9dfe7;--soft:#f4f6f8;--paper:#fff;--accent:#0c6b58;--accent-dark:#084f42;--accent-soft:#e6f2ef;--blue-soft:#e9f1ff;--blue:#2d65c4;--shadow:0 18px 50px #1f2b371c}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:radial-gradient(circle at 8% 0,#0c6b5817,#0000 28rem),#edf0f3;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select{font:inherit}button,label{-webkit-tap-highlight-color:transparent}.app-shell{flex-direction:column;width:100%;height:auto;display:flex;position:fixed;inset:0;overflow:hidden}.topbar{color:#fff;border-bottom:4px solid var(--accent);background:#14242a;flex:none;justify-content:space-between;align-items:center;gap:32px;min-height:96px;padding:16px 28px 14px;display:flex}.topbar h1{letter-spacing:.02em;margin:2px 0 3px;font-family:Georgia,Songti SC,serif;font-size:30px}.topbar p{color:#b9c7cb;margin:0;font-size:14px}.eyebrow,.panel-kicker{letter-spacing:.18em;font-size:10px;font-weight:800}.eyebrow{color:#6fc2ad}.panel-kicker{color:var(--accent)}.top-actions,.editor-actions,.preview-controls{align-items:center;gap:10px;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:var(--accent-dark)}.button.ghost{color:inherit;background:0 0;border-color:currentColor}.topbar .button.ghost{color:#d7e1e4;border-color:#6e7d82}.button.subtle{color:#56616e;background:#f3f5f7;border-color:#d8dee5}.button.small{min-height:34px;padding:0 11px;font-size:12px}.button:disabled{opacity:.55;cursor:wait;transform:none}.status-strip{border-bottom:1px solid var(--line);color:#4c5865;background:#fff;flex:0 0 38px;align-items:center;gap:9px;height:38px;padding:0 32px;font-size:12px;display:flex}.status-dot{background:#26a269;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e8f6ef}.stats{color:#7d8792;font-variant-numeric:tabular-nums;margin-left:auto}.workspace{flex:auto;grid-template-columns:278px minmax(0,1fr);gap:0;min-width:0;min-height:0;display:grid;overflow:hidden}.field-panel{background:#f7f8fa;border-right:1px solid #cfd6df;flex-direction:column;min-width:0;min-height:0;padding:20px 16px 16px;display:flex;overflow:hidden}.panel-title-row{justify-content:space-between;align-items:flex-start;margin:0 4px 14px;display:flex}.panel-title-row h2,.preview-toolbar h2{margin:2px 0 0;font-family:Georgia,Songti SC,serif;font-size:22px}.field-count{min-width:31px;height:27px;color:var(--accent);background:var(--accent-soft);border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid}.kind-tabs{gap:4px;display:flex}.kind-tabs button{color:#66717d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:8px 13px;font-size:12px;font-weight:700}.kind-tabs button.active{color:var(--accent-dark);background:var(--accent-soft);border-color:#aacdc4}.kind-tabs.compact{background:#e8ebef;border-radius:8px;margin:0 4px 11px;padding:3px}.kind-tabs.compact button{flex:1;padding:7px}.kind-tabs.compact button.active{background:#fff;border-color:#d4d9df;box-shadow:0 1px 3px #0000000f}.search-input{background:#fff;border:1px solid #ced5dd;border-radius:7px;outline:none;width:calc(100% - 8px);height:38px;margin:0 4px;padding:0 11px}.search-input:focus{border-color:#75a99d;box-shadow:0 0 0 3px #e2f0ed}.field-hint{color:#7b8692;margin:10px 5px 9px;font-size:11px;line-height:1.45}.field-list{flex-direction:column;gap:6px;padding:1px 4px 12px;display:flex;overflow:auto}.field-chip{text-align:left;color:#34414d;cursor:grab;background:#fff;border:1px solid #d8dee5;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:7px 10px;font-size:12px;display:flex}.field-chip:hover{color:var(--accent-dark);background:#f8fffd;border-color:#8ab8ad}.field-chip b{color:var(--accent);font-size:17px;font-weight:400}.editor-panel{background:#e7eaee;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-header{border-bottom:1px solid var(--line);background:#fff;flex:0 0 58px;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.format-toolbar{background:#f8f9fa;border-bottom:1px solid #d2d8df;flex-wrap:wrap;flex:none;align-items:center;gap:7px 10px;min-width:0;min-height:48px;padding:7px 14px;display:flex;overflow:visible}.toolbar-group{border-right:1px solid #d8dde3;align-items:center;gap:4px;padding-right:10px;display:flex}.toolbar-group:last-child{border-right:0;padding-right:0}.toolbar-group.font-group select:first-child{width:150px}.toolbar-group.font-group select:last-child{width:92px}.toolbar-primary-actions{margin-left:auto}.format-toolbar button{color:#394550;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;width:31px;height:31px}.format-toolbar .table-insert-button{width:auto;min-width:102px;color:var(--accent-dark);background:#fff;border-color:#b8c7c3;padding:0 12px;font-size:12px;font-weight:800}.format-toolbar .table-insert-button:hover{background:var(--accent-soft);border-color:#75a99d}.format-toolbar button:hover{background:#fff;border-color:#c7ced7}.format-toolbar select{color:#35414c;background:#fff;border:1px solid #ccd3dc;border-radius:5px;height:31px;padding:0 24px 0 8px;font-size:12px}.toolbar-bold{font-weight:900}.toolbar-italic{font-family:Georgia,serif;font-style:italic}.toolbar-underline{text-decoration:underline}.toolbar-label{color:#6a7581;white-space:nowrap;margin-left:3px;font-size:11px;font-weight:700}.editor-scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;flex:1 1 0;min-width:0;min-height:0;padding:12px 24px 56px;overflow:auto}.paper-canvas{width:210mm;min-width:210mm;margin:0 auto;position:relative}.paper-label{color:#7c8792;letter-spacing:.06em;text-transform:uppercase;width:100%;margin:0 0 6px;font-size:10px}.ruler{z-index:45;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff,#f4f6f8);border:1px solid #c9d0d7;border-radius:5px 5px 0 0;width:210mm;height:30px;margin-bottom:6px;position:sticky;top:0;overflow:hidden;box-shadow:0 2px 7px #1c273114}.ruler:after{content:"";background:#0c6b582e;height:3px;position:absolute;bottom:0;left:16mm;right:16mm}.ruler-tick{background:#70808d;width:1px;height:8px;position:absolute;bottom:0;transform:translate(-.5px)}.ruler-tick.major{background:#3d4c57;height:15px}.ruler-tick b{color:#53616c;font:9px/1 Arial,sans-serif;position:absolute;bottom:13px;left:3px}.alignment-guide{z-index:60;pointer-events:none;background:#e04343;width:1px;position:absolute;top:24px;bottom:-12px;box-shadow:0 0 0 1px #fffc}.alignment-guide span{color:#fff;white-space:nowrap;background:#d63f3f;border-radius:3px;padding:2px 5px;font:10px/1.4 Arial,sans-serif;display:inline-block;position:sticky;top:34px;transform:translate(5px)}.template-editor{background:var(--paper);width:210mm;min-width:210mm;max-width:none;min-height:297mm;box-shadow:var(--shadow);color:#171c21;outline:none;margin:0;padding:18mm 16mm;font-family:宋体,SimSun,serif;font-size:12pt;line-height:1.5}.template-editor:focus{box-shadow:0 0 0 3px #a8ccc3, var(--shadow)}.template-editor img,.preview-content img{max-width:100%;height:auto}.template-editor table,.preview-content table{table-layout:fixed;border-collapse:collapse}.template-editor td,.template-editor th,.preview-content td,.preview-content th{vertical-align:top;overflow-wrap:anywhere;min-height:28px}.template-editor td:focus,.template-editor th:focus{outline-offset:-2px;outline:2px solid #8db9ae}.field-token{color:#174f9b;background:var(--blue-soft);-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer;white-space:pre-wrap;border-radius:4px;padding:1px 4px;display:inline}.resolved-field{color:inherit;white-space:pre-wrap;background:0 0;padding:0}.preview-modal{z-index:100;background:#dfe3e8;flex-direction:column;display:flex;position:fixed;inset:0}.preview-toolbar{background:#fff;border-bottom:1px solid #cbd2da;justify-content:space-between;align-items:center;gap:22px;min-height:76px;padding:12px 24px;display:flex;box-shadow:0 4px 18px #19242f14}.preview-controls{flex-wrap:wrap;justify-content:flex-end}.preview-controls select{background:#fff;border:1px solid #c9d0d8;border-radius:6px;height:38px;padding:0 30px 0 10px;font-size:12px}.page-count{color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.icon-button{color:#4d5864;cursor:pointer;background:#edf0f3;border:0;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1}.preview-stage{flex:1;padding:30px 0 80px;overflow:auto}.preview-page{page-break-after:always;break-after:page;background:#fff;width:210mm;min-height:297mm;margin:0 auto 28px;padding:18mm 16mm;position:relative;box-shadow:0 12px 42px #25313d26}.preview-page:last-child{page-break-after:auto;break-after:auto}.preview-content{color:#171c21;font-family:宋体,SimSun,serif;font-size:12pt;line-height:1.5}.page-number{color:#9aa3ad;font-family:Arial,sans-serif;font-size:9px;position:absolute;bottom:8mm;right:14mm}@media (max-width:1050px){.workspace{grid-template-columns:235px minmax(0,1fr)}.topbar,.status-strip{padding-left:20px;padding-right:20px}}.template-editor table:has(.table-column-resizer){outline-offset:2px;outline:1px solid #2b8c7938}.template-editor td[data-empty-lines],.template-editor th[data-empty-lines],.preview-content td[data-empty-lines],.preview-content th[data-empty-lines]{vertical-align:top}.empty-handwriting-space{width:100%;display:block}@media (max-height:780px){.topbar{min-height:72px;padding-top:9px;padding-bottom:8px}.topbar h1{font-size:24px}.topbar p,.eyebrow{display:none}.status-strip{flex-basis:32px;height:32px}.editor-header{flex-basis:48px;height:48px}.editor-scroll{padding-top:12px}}@media (max-width:760px){.topbar{gap:12px;padding-left:12px;padding-right:12px}.topbar h1{font-size:22px}.top-actions{gap:6px}.button{padding-left:10px;padding-right:10px}.workspace{grid-template-columns:210px minmax(0,1fr)}}@media print{@page{size:A4;margin:0}html,body{height:auto;overflow:visible}body{background:#fff!important}body *{visibility:hidden!important}#print-root,#print-root *{visibility:visible!important}#print-root{background:#fff;padding:0;position:absolute;inset:0;overflow:visible}.preview-page{width:210mm;min-height:297mm;box-shadow:none;margin:0;padding:18mm 16mm}.page-number{display:none}}.table-context-toolbar{color:#4a5762;background:#eef4f2;border-bottom:1px solid #c9d7d3;flex-wrap:wrap;flex:none;align-items:center;gap:6px;min-height:44px;padding:6px 14px;display:flex;overflow:visible}.table-context-toolbar select{background:#fff;border:1px solid #c4d0cc;border-radius:5px;height:30px;padding:0 24px 0 8px;font-size:12px}.context-title{color:var(--accent-dark);white-space:nowrap;font-size:12px;font-weight:900}.context-separator{background:#c9d6d2;width:1px;height:22px;margin:0 3px}.context-spacer{flex:1}.table-action-button{color:#34424d;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c2ccd5;border-radius:5px;width:auto;min-width:74px;height:30px;padding:0 10px;font-size:12px;font-weight:800}.table-action-button.danger{color:#a13e3e;border-color:#dec1c1}.table-action-button:disabled{cursor:not-allowed;opacity:.42;background:#edf0f2}.table-action-button:not(:disabled):hover{background:var(--accent-soft);border-color:#75a99d}.table-action-button.danger:not(:disabled):hover{background:#fff2f2;border-color:#cf8e8e}.template-editor td.table-cell-selected,.template-editor th.table-cell-selected{box-shadow:inset 0 0 0 2px #2b8c79;background-color:#60b5a029!important}.template-editor .field-token.field-token-selected{outline-offset:1px;background:#d8e7ff;outline:2px solid #2d65c4}.template-editor td,.template-editor th{position:relative}.template-editor .table-column-resizer{z-index:20;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:12px;display:block;position:absolute;top:-1px;bottom:-1px;right:-6px}.template-editor .table-column-resizer:after{content:"";background:#2b8c7947;width:2px;position:absolute;top:0;bottom:0;left:5px}.template-editor .table-column-resizer:hover:after,body.is-column-resizing .template-editor .table-column-resizer:after{background:#14715f;box-shadow:0 0 0 1px #ffffffbf}.template-editor.merge-pick-mode td,.template-editor.merge-pick-mode th{cursor:cell}.template-editor.merge-pick-mode .table-column-resizer{display:none}body.is-column-resizing,body.is-column-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.field-list{flex:auto;min-height:0}.preview-content .field-token,.preview-content .resolved-field{color:inherit!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;outline:0!important;padding:0!important}.dialog-backdrop{z-index:180;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111c2285;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.table-dialog{background:#fff;border:1px solid #d0d8df;border-radius:12px;width:min(440px,96vw);padding:18px;box-shadow:0 24px 70px #0a141c47}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-heading h2{margin:2px 0 0;font-family:Georgia,Songti SC,serif;font-size:22px}.table-grid-label{color:var(--accent-dark);margin:14px 0 8px;font-size:13px;font-weight:900}.table-grid-picker{background:#f5f7f8;border:1px solid #d5dbe1;border-radius:8px;grid-template-columns:repeat(8,30px);gap:4px;width:max-content;padding:9px;display:grid}.table-grid-picker button{cursor:pointer;background:#fff;border:1px solid #bcc6cf;border-radius:3px;width:30px;height:24px;padding:0}.table-grid-picker button.active{background:#bfe3da;border-color:#25836f}.table-dialog-custom{border-top:1px solid #e1e5e9;align-items:flex-end;gap:8px;margin-top:14px;padding-top:14px;display:flex}.table-dialog-custom label{color:#65717d;gap:4px;font-size:11px;font-weight:700;display:grid}.table-dialog-custom select{background:#fff;border:1px solid #cbd3db;border-radius:6px;width:74px;height:36px;padding:0 8px}.table-dialog-custom>span{color:#74808a;padding-bottom:9px}.table-dialog-custom .button{margin-left:auto}.login-shell{background:radial-gradient(circle at 18% 8%,#2b8c7933,#0000 32rem),#13242a;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{color:#eaf2f3;background:#16272df0;border:1px solid #ffffff24;border-radius:16px;width:min(420px,100%);padding:34px;box-shadow:0 28px 80px #00000052}.login-mark{color:#fff;background:var(--accent);border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:20px;font-family:Songti SC,serif;font-size:18px;font-weight:900;display:grid}.login-card h1{margin:7px 0 6px;font-family:Georgia,Songti SC,serif;font-size:28px}.login-card>p{color:#b8c7cb;margin:0 0 24px;font-size:13px}.login-field{color:#d7e2e4;gap:8px;font-size:12px;font-weight:800;display:grid}.login-field input{color:#fff;background:#0f1d22;border:1px solid #607177;border-radius:8px;outline:none;width:100%;height:46px;padding:0 13px}.login-field input:focus{border-color:#65b6a2;box-shadow:0 0 0 3px #65b6a22b}.login-submit{width:100%;margin-top:18px}.login-warning,.login-error{border-radius:7px;margin:0 0 16px;padding:10px 12px;font-size:12px;line-height:1.5}.login-warning{color:#ffe9ae;background:#af7a1638;border:1px solid #ebb54c59}.login-error{color:#ffd0d0;background:#a8323238;border:1px solid #de636361;margin-top:13px;margin-bottom:0}.logout-button{min-width:62px}