.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg)}.app-header{height:54px;background:#252021;color:#f7f7f7;border-bottom:1px solid #141112;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 10px #00000026;z-index:50;flex-shrink:0}.header-left{display:flex;align-items:center;gap:14px}.header-logo{height:32px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header-title-wrap{display:flex;align-items:center;gap:10px}.header-title{font-family:var(--font-title);font-size:1.15rem;font-weight:700;letter-spacing:1px;color:#f5f2eb}.header-badge{font-size:.72rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);padding:2px 8px;border-radius:3px;color:#d5d0c8}.header-subtitle{font-family:var(--font-kaiti);font-size:.92rem;color:#b0aba3}.header-right{display:flex;align-items:center;gap:8px}.header-tool-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid #4a4546;border-radius:4px;background:#353031;color:#ece8e1;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .12s ease}.header-tool-btn:hover{background:#454041;border-color:#6a6465;color:#fff}.header-tool-btn.active,.header-tool-btn.highlight{background:#8c3a3a;border-color:#a34848;color:#fff}.header-tool-btn.highlight:hover{background:#a34848}.workbench-layout{display:grid;grid-template-columns:var(--editor-width) 1fr var(--tool-rail-width);height:calc(100vh - 54px);overflow:hidden;position:relative}.editor-panel{background:#fdfcfb;border-right:1px solid var(--line-strong);overflow-y:auto;overflow-x:hidden;height:100%}.editor-inner{padding:16px;display:flex;flex-direction:column;gap:16px}.card-type-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:#e5e2db;padding:4px;border-radius:6px;border:1px solid #d0ccc2}.type-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 2px;border:none;background:transparent;color:#55514e;border-radius:4px;cursor:pointer;transition:all .12s ease}.type-tab-btn:hover{background:#fff9;color:#1c1e21}.type-tab-btn.active{background:#252021;color:#fdfcfb;font-weight:700;box-shadow:0 2px 6px #00000026}.type-tab-label{font-family:var(--font-title);font-size:.8rem}.editor-section{background:#fff;border:1px solid #e5e2db;border-radius:6px;padding:14px;box-shadow:0 1px 3px #00000008}.section-title{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-title);font-size:.95rem;font-weight:700;color:#211d1d;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #eeebe3}.markdown-hint-tooltip{display:flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:.72rem;color:#8c8884;cursor:help}.form-group{margin-bottom:10px}.form-row{display:flex;gap:10px;margin-bottom:10px}.flex-1{flex:1}.flex-2{flex:2}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.form-label{display:block;font-size:.78rem;font-weight:600;color:#4a4544;margin-bottom:4px}.form-sub-hint{font-weight:400;color:#9c9792;margin-left:4px}.form-input,.form-select,.form-textarea{width:100%;padding:6px 10px;border:1px solid #d8d4cb;border-radius:4px;background:#fff;color:#211d1d;font-size:.84rem;transition:border-color .12s ease,box-shadow .12s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#211d1d;box-shadow:0 0 0 2px #211d1d14;outline:none}.form-textarea{resize:vertical;line-height:1.45}.sub-items-group{margin-top:10px;padding-top:8px;border-top:1px dashed #e5e2db}.sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.btn-sub-add,.btn-primary-add{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f2efe9;border:1px solid #d5cfc4;border-radius:4px;font-size:.74rem;color:#3d3938;cursor:pointer;transition:all .12s ease}.btn-sub-add:hover,.btn-primary-add:hover{background:#252021;color:#fff;border-color:#252021}.sub-item-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.sub-item-block{background:#faf8f5;border:1px solid #e8e4db;border-radius:4px;padding:8px;margin-bottom:8px}.sub-item-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.sub-name-input{flex:1;font-weight:600}.btn-item-del{padding:5px 6px;border:1px solid #e5d5d5;background:#fff;color:#8c3a3a;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-item-del:hover{background:#8c3a3a;color:#fff;border-color:#8c3a3a}.template-calc-banner{display:flex;align-items:center;gap:6px;background:#f7f4ed;border:1px solid #e2ddd2;border-radius:4px;padding:6px 10px;font-size:.76rem;color:#4a4544;margin-bottom:10px}.traits-list-wrap{display:flex;flex-direction:column;gap:8px}.trait-card-editor{background:#faf8f5;border:1px solid #e5e1d7;border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:6px;transition:all .12s ease}.trait-card-editor.status-inactive{opacity:.65;background:#f0ede6}.trait-card-top{display:flex;align-items:center;gap:6px}.trait-name-input{flex:2;font-weight:600}.trait-type-select{flex:1}.trait-cost-wrap{display:flex;align-items:center;gap:2px;flex:1.5}.trait-cost-input{width:44px;text-align:center}.trait-cost-type-select{flex:1}.btn-trait-toggle{padding:5px 8px;border:1px solid #d0ccc2;background:#e8e4db;border-radius:4px;font-size:.72rem;cursor:pointer;display:flex;align-items:center;gap:4px;color:#6b6763}.btn-trait-toggle.active{background:#2e7a56;color:#fff;border-color:#2e7a56}.trait-card-bottom{display:flex;gap:6px}.trait-flavor-wrap{flex:2}.trait-source-wrap{flex:1}.empty-traits-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#9c9792;font-size:.82rem;gap:6px;border:1px dashed #dcd8cf;border-radius:4px}.image-upload-dropzone{border:2px dashed #d5cfc4;border-radius:6px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#faf8f5;cursor:pointer;transition:all .12s ease}.image-upload-dropzone:hover{background:#f0ede6;border-color:#9c9792}.upload-title{font-weight:600;font-size:.86rem;color:#3d3938}.upload-sub{font-size:.74rem;color:#8c8884}.preview-viewport{background:var(--bg);height:100%;overflow-y:auto;overflow-x:auto;padding:28px 24px;display:flex;justify-content:center;align-items:flex-start}.card-sheet{background:var(--color-bg-card);border:2px solid var(--color-border);box-shadow:var(--shadow-card);position:relative;overflow:hidden;color:var(--color-text);font-family:var(--font-body);transition:all .18s ease;flex-shrink:0}.card-sheet.sheet-single{width:920px;min-height:580px;padding:20px 24px}.card-sheet.sheet-double{width:1420px;min-height:600px;padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.card-sheet.sheet-double:after{content:"";position:absolute;top:20px;bottom:20px;left:50%;width:1px;background:repeating-linear-gradient(to bottom,#989390 0,#989390 6px,transparent 6px,transparent 12px);pointer-events:none}.card-artwork-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;pointer-events:none;z-index:1;transition:opacity .12s ease}.paper-texture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.card-page{position:relative;z-index:3;display:flex;flex-direction:column;height:100%}.card-header-banner{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid var(--color-border);padding-bottom:10px;margin-bottom:14px}.card-title{font-family:var(--font-title);font-size:1.7rem;font-weight:900;letter-spacing:2px;line-height:1.15;color:var(--color-primary)}.card-rank-suffix{font-size:1.1rem;font-family:var(--font-kaiti);font-weight:500;color:var(--color-accent);margin-left:8px}.card-stamp-badge{background:var(--color-primary);color:var(--color-bg-card);padding:4px 12px;font-family:var(--font-title);font-size:.82rem;font-weight:700;letter-spacing:1px;border-radius:2px;box-shadow:0 2px 5px #00000026}.card-body-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;flex:1}.card-body-left{display:flex;flex-direction:column;gap:12px}.card-body-right{border-left:1px solid var(--color-divider);padding-left:18px;display:flex;flex-direction:column}.card-narrative-desc{font-size:.92rem;line-height:1.6;color:var(--color-text);background:#fff6;padding:8px 10px;border-left:3px solid var(--color-accent);border-radius:0 4px 4px 0}.card-tendencies-row{display:flex;align-items:center;gap:8px;font-size:.84rem}.tendencies-tag{background:var(--color-accent-light);color:var(--color-accent);font-weight:700;font-size:.72rem;padding:1px 6px;border-radius:2px;border:1px solid var(--color-accent)}.tendencies-text{color:var(--color-text-light)}.card-meta-list{display:flex;flex-direction:column;gap:8px}.preview-meta-row{display:flex;align-items:baseline;gap:8px;font-size:.86rem}.meta-label{font-weight:700;color:var(--color-primary);min-width:68px;font-family:var(--font-title);flex-shrink:0}.meta-value{color:var(--color-text);line-height:1.45}.card-meta-grid-location{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#ffffff73;border:1px solid var(--color-divider);border-radius:4px;padding:10px}.loc-grid-cell{display:flex;flex-direction:column;gap:2px}.loc-grid-cell.full-width{grid-column:span 2;border-top:1px dashed var(--color-divider);padding-top:6px}.loc-cell-label{font-family:var(--font-title);font-weight:700;font-size:.76rem;color:var(--color-accent)}.loc-cell-value{font-size:.84rem;color:var(--color-text)}.relation-chips-wrap{display:flex;flex-wrap:wrap;gap:6px}.relation-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-size:.78rem;border:1px solid transparent}.relation-chip.rel-deadly{background:#fde8e8;color:#991b1b;border-color:#f87171}.relation-chip.rel-hostile{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}.relation-chip.rel-neutral{background:#f3f4f6;color:#374151;border-color:#d1d5db}.relation-chip.rel-friendly{background:#ecfdf5;color:#047857;border-color:#6ee7b7}.relation-chip.rel-allied{background:#d1fae5;color:#065f46;border-color:#34d399;font-weight:600}.chip-name{font-weight:600}.chip-badge{font-size:.7rem;opacity:.85}.enemy-combat-container{display:flex;flex-direction:column;gap:12px}.combat-stats-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.combat-stat-pill{background:#fff9;border:1px solid var(--color-border);padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:6px;font-size:.78rem}.pill-label{color:var(--color-text-light)}.pill-value{font-weight:700;color:var(--color-primary)}.combat-reset-btn{margin-left:auto;display:flex;align-items:center;gap:4px;background:transparent;border:1px solid #c8c3b8;border-radius:3px;padding:2px 8px;font-size:.72rem;color:var(--color-text-muted);cursor:pointer}.combat-reset-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.combat-track-row{display:flex;flex-direction:column;gap:4px}.track-label-wrap{display:flex;align-items:baseline;gap:6px}.track-name{font-family:var(--font-title);font-weight:700;font-size:.86rem;color:var(--color-primary);display:flex;align-items:center;gap:4px}.track-hint{font-size:.72rem;color:var(--color-text-muted)}.grid-cells-wrap{display:flex;flex-wrap:wrap;gap:4px}.combat-cell{width:28px;height:28px;border:1.5px solid var(--color-border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}.combat-cell:hover{transform:scale(1.08)}.combat-cell.cell-hp.state-full{background:var(--color-accent);color:#fff;border-color:var(--color-border)}.combat-cell.cell-hp.state-damaged{background:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent);position:relative}.combat-cell.cell-hp.state-damaged:after{content:"/";position:absolute;font-size:1.2rem;font-weight:300;color:var(--color-accent)}.combat-cell.cell-hp.state-broken{background:#f3f0e8;color:#b0aba3;border-color:#d0ccc2;position:relative}.combat-cell.cell-hp.state-broken:after{content:"✕";position:absolute;color:#a33824;font-size:1rem}.combat-cell.cell-qi.state-full{background:#252021;color:#fff;border-color:#141112}.combat-cell.cell-qi.state-damaged{background:#e5e2db;color:#9c9792;border-color:#c8c3b8;text-decoration:line-through}.combat-cell.cell-guard.state-full{background:#2e7a56;color:#fff;border-color:#1a4f36}.combat-cell.cell-guard.state-broken{background:#e5e2db;color:#9c9792;border-color:#c8c3b8;text-decoration:line-through}.enemy-abilities-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.abilities-title{font-family:var(--font-title);font-weight:700;font-size:.86rem;color:var(--color-primary);border-bottom:1px dashed var(--color-divider);padding-bottom:4px}.abilities-grid{display:flex;flex-direction:column;gap:6px}.ability-card{background:#ffffff80;border:1px solid var(--color-divider);border-radius:4px;padding:6px 10px}.ability-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.ability-name{font-weight:700;font-size:.86rem;color:var(--color-primary)}.ability-type-badge{font-size:.68rem;padding:1px 6px;border-radius:2px;font-weight:600}.ability-card.ab-basic .ability-type-badge{background:#e5e7eb;color:#374151}.ability-card.ab-normal .ability-type-badge{background:#dbeafe;color:#1d4ed8}.ability-card.ab-secret .ability-type-badge{background:#fef3c7;color:#b45309}.ability-desc{font-size:.82rem;color:var(--color-text);line-height:1.4}.preview-traits-container{display:flex;flex-direction:column;gap:8px;height:100%}.traits-column-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px dashed var(--color-divider);padding-bottom:4px}.traits-title{font-family:var(--font-title);font-weight:700;font-size:.95rem;color:var(--color-primary)}.traits-count{font-size:.74rem;color:var(--color-text-muted)}.traits-grid{display:flex;flex-direction:column;gap:8px}.preview-trait-item{background:#ffffff8c;border:1px solid var(--color-divider);border-radius:4px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.preview-trait-item.is-inactive{opacity:.6;background:#f0ede666}.trait-item-head{display:flex;align-items:center;justify-content:space-between}.trait-item-name{font-family:var(--font-title);font-weight:700;font-size:.92rem;color:var(--color-primary)}.trait-item-kind{font-size:.72rem;color:var(--color-accent);margin-left:4px}.trait-cost-badge{background:var(--color-primary);color:var(--color-bg-card);font-size:.68rem;padding:1px 6px;border-radius:2px;margin-right:6px}.trait-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.trait-status-dot.active{background:#2e7a56}.trait-status-dot.inactive{background:#c8c3b8}.trait-item-body{font-size:.84rem;color:var(--color-text);line-height:1.45}.trait-item-flavor{font-family:var(--font-kaiti);font-size:.8rem;color:var(--color-text-light);border-top:1px dashed var(--color-divider);padding-top:3px;margin-top:2px}.trait-item-source{font-size:.68rem;color:var(--color-text-muted);text-align:right}.card-page-secondary{border-left:none}.page-header-secondary{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid var(--color-border);padding-bottom:10px;margin-bottom:14px}.page-sub-title{font-family:var(--font-title);font-size:1.25rem;font-weight:700;color:var(--color-primary)}.page-sub-stamp{font-family:var(--font-title);font-size:.8rem;color:var(--color-accent);border:1px solid var(--color-accent);padding:2px 8px;border-radius:2px}.sub-locations-container{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.sub-location-card{background:#ffffff80;border:1px solid var(--color-divider);border-radius:4px;padding:8px 12px}.sub-loc-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.sub-loc-badge{background:var(--color-accent);color:#fff;font-size:.68rem;padding:1px 5px;border-radius:2px}.sub-loc-name{font-family:var(--font-title);font-weight:700;font-size:.92rem;color:var(--color-primary)}.sub-loc-desc{font-size:.84rem;color:var(--color-text);line-height:1.4}.enemy-obsessions-preview{margin-bottom:14px}.obsessions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.obsession-card{background:#ffffff80;border:1.5px solid var(--color-border);border-radius:4px;padding:8px 10px}.obsession-card.is-filled{border-color:var(--color-accent);background:var(--color-accent-light)}.obsession-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.obsession-num{font-size:.7rem;color:var(--color-text-muted)}.obsession-state-text{font-size:.7rem;font-weight:700;color:var(--color-accent)}.obsession-title{font-family:var(--font-title);font-weight:700;font-size:.88rem;color:var(--color-primary)}.obsession-desc{font-size:.8rem;color:var(--color-text);margin-top:3px}.tool-rail{background:#252021;border-left:1px solid #141112;height:100%;display:flex;flex-direction:column;align-items:center;padding:16px 0;z-index:40}.tool-rail-buttons{display:flex;flex-direction:column;align-items:center;gap:10px}.rail-btn{width:48px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#353031;border:1px solid #4a4546;border-radius:6px;color:#dcd8cf;cursor:pointer;transition:all .12s ease}.rail-btn:hover{background:#454041;border-color:#6a6465;color:#fff;transform:translateY(-1px)}.rail-btn.active{background:#8c3a3a;border-color:#a34848;color:#fff;box-shadow:0 0 10px #8c3a3a66}.rail-btn-text{font-size:.65rem;font-family:var(--font-title);letter-spacing:.5px}.rail-divider{width:32px;height:1px;background:#3d393a;margin:4px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:#fdfcfb;border:1.5px solid #252021;box-shadow:0 16px 40px #0000004d;border-radius:8px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative}.modal-header{padding:16px 20px;background:#252021;color:#f5f2eb;display:flex;align-items:center;justify-content:space-between}.modal-title-wrap{display:flex;align-items:center;gap:10px}.modal-title{font-family:var(--font-title);font-size:1.1rem;letter-spacing:1px}.modal-close-btn{background:transparent;border:none;color:#b0aba3;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-sub-desc{font-size:.84rem;color:#6b6763;margin-bottom:16px}.modal-footer{padding:14px 20px;background:#f5f2eb;border-top:1px solid #e0dcd4;display:flex;align-items:center;justify-content:flex-end;gap:10px}.modal-footer .footer-left{display:flex;align-items:center;gap:8px;margin-right:auto}.modal-footer .footer-right{display:flex;align-items:center;gap:8px}.btn-modal-primary{display:flex;align-items:center;gap:6px;padding:7px 16px;background:#8c3a3a;border:1px solid #a34848;color:#fff;border-radius:4px;font-size:.84rem;font-weight:600;cursor:pointer}.btn-modal-primary:hover{background:#a34848}.btn-modal-cancel,.btn-modal-secondary{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#fff;border:1px solid #d0ccc2;color:#3d3938;border-radius:4px;font-size:.84rem;font-weight:500;cursor:pointer}.btn-modal-cancel:hover,.btn-modal-secondary:hover{background:#f0ede6;border-color:#b8b3a8}.gm-switch-modal{width:940px}.gm-slots-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.gm-slot-card{background:#fff;border:1.5px solid #d8d4cb;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px;min-height:120px}.gm-slot-card.has-card{border-color:#252021;background:#faf8f5}.slot-head{display:flex;align-items:center;justify-content:space-between}.slot-badge{font-size:.7rem;font-weight:700;color:var(--color-accent)}.slot-type-tag{font-size:.65rem;background:#e5e2db;padding:1px 5px;border-radius:2px}.slot-title{font-family:var(--font-title);font-weight:700;font-size:.88rem;color:#211d1d;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-time{display:flex;align-items:center;gap:4px;font-size:.68rem;color:#9c9792}.slot-actions{display:flex;align-items:center;gap:4px;margin-top:4px}.btn-slot-load,.btn-slot-save{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:2px;padding:5px 3px;border-radius:3px;font-size:.72rem;white-space:nowrap;cursor:pointer;box-sizing:border-box}.btn-slot-load{background:#252021;color:#fff;border:none}.btn-slot-load:hover{background:#3a3637}.btn-slot-save{background:#f0ede6;border:1px solid #d0ccc2;color:#211d1d}.btn-slot-save:hover{background:#e5e1d7}.btn-slot-clear{flex-shrink:0;padding:5px 6px;background:transparent;border:1px solid #e5d5d5;color:#8c3a3a;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-slot-save-empty{width:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;background:#f5f2eb;border:1px dashed #c8c3b8;border-radius:4px;font-size:.74rem;color:#6b6763;cursor:pointer}.library-modal{width:960px;height:80vh}.library-toolbar{padding:12px 20px;background:#f4f1ea;border-bottom:1px solid #e0dcd4;display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d0ccc2;border-radius:4px;padding:4px 10px;flex:1}.search-input{border:none;outline:none;font-size:.82rem;width:100%}.type-filter-pills{display:flex;gap:4px}.filter-pill{padding:4px 10px;border:1px solid #d0ccc2;border-radius:14px;background:#fff;font-size:.76rem;color:#55514e;cursor:pointer}.filter-pill.active{background:#252021;color:#fff;border-color:#252021}.btn-fav-filter{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #d0ccc2;border-radius:14px;background:#fff;font-size:.76rem;color:#55514e;cursor:pointer}.btn-fav-filter.active{background:#8c3a3a;color:#fff;border-color:#8c3a3a}.library-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lib-card-entry{background:#fff;border:1px solid #dcd8cf;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 4px #0000000a}.lib-card-top{display:flex;align-items:center;gap:6px}.lib-type-tag{background:#252021;color:#fff;font-size:.68rem;padding:1px 6px;border-radius:2px}.lib-realm-tag{background:#f0ede6;font-size:.68rem;padding:1px 6px;border-radius:2px}.btn-star{margin-left:auto;border:none;background:transparent;cursor:pointer;color:#9c9792}.btn-star.starred{color:#d97706}.lib-card-name{font-family:var(--font-title);font-weight:700;font-size:1rem;color:#211d1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-card-desc{font-size:.78rem;color:#6b6763;line-height:1.35;height:34px;overflow:hidden}.lib-card-actions{display:flex;gap:6px;margin-top:6px}.btn-lib-load{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;background:#252021;color:#fff;border:none;border-radius:4px;font-size:.76rem;font-weight:600;cursor:pointer}.btn-lib-del{padding:5px 8px;background:#fff;border:1px solid #e5d5d5;color:#8c3a3a;border-radius:4px;cursor:pointer}.library-footer{display:flex;align-items:center;justify-content:space-between;width:100%}.library-footer .footer-right{display:flex;align-items:center;gap:8px}.btn-save-current{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#2e7a56;border:1px solid #236545;color:#fff;border-radius:4px;font-size:.82rem;font-weight:600;cursor:pointer}.beautify-modal{width:680px}.palette-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.palette-choice-card{border:1.5px solid #dcd8cf;border-radius:6px;padding:12px;display:flex;gap:12px;cursor:pointer;background:#fff;transition:all .12s ease}.palette-choice-card:hover{border-color:#211d1d;background:#faf8f5}.palette-choice-card.selected{border-color:#8c3a3a;box-shadow:0 0 0 2px #8c3a3a33;background:#fdfaf9}.palette-color-preview{display:flex;flex-direction:column;gap:4px}.color-swatch{width:22px;height:22px;border-radius:4px}.palette-card-content{flex:1}.palette-card-title{font-family:var(--font-title);font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.palette-card-desc{font-size:.76rem;color:#6b6763;line-height:1.35}.custom-color-controls{background:#faf8f5;border:1px solid #e2ded5;border-radius:6px;padding:14px}.color-input-wrap{display:flex;align-items:center;gap:4px}.color-input-wrap input[type=color]{width:32px;height:32px;border:1px solid #d0ccc2;border-radius:4px;padding:2px;cursor:pointer}.transfer-modal{width:980px;height:82vh}.transfer-tabs{display:flex;background:#252021;padding:0 20px;gap:6px}.transfer-tab-btn{padding:10px 16px;border:none;background:transparent;color:#b0aba3;font-family:var(--font-title);font-size:.88rem;cursor:pointer;border-bottom:2px solid transparent}.transfer-tab-btn.active{color:#fff;border-color:#8c3a3a;font-weight:700}.transfer-modal-body{display:grid;grid-template-columns:340px 1fr;height:calc(82vh - 120px);overflow:hidden}.transfer-sidebar{border-right:1px solid #e0dcd4;background:#f8f6f2;display:flex;flex-direction:column;padding:14px;gap:12px;overflow-y:auto}.sidebar-group-title{font-family:var(--font-title);font-weight:700;font-size:.82rem;color:#3d3938;margin-bottom:6px;display:block}.form-input-sm{padding:4px 8px;font-size:.78rem}.transfer-section-pills{display:flex;flex-direction:column;gap:4px}.section-pill{padding:6px 10px;border:1px solid #d8d4cb;border-radius:4px;background:#fff;font-size:.78rem;text-align:left;cursor:pointer}.section-pill.active{background:#252021;color:#fff;border-color:#252021;font-weight:600}.transfer-item-list{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #dcd8cf;border-radius:4px;overflow:hidden}.list-title-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f0ede6;font-size:.76rem;font-weight:700;border-bottom:1px solid #dcd8cf}.btn-add-item-sm{display:flex;align-items:center;gap:2px;border:1px solid #c8c3b8;background:#fff;border-radius:3px;padding:1px 6px;font-size:.7rem;cursor:pointer}.items-scroll{overflow-y:auto;flex:1}.transfer-item-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid #eeebe3;cursor:pointer;font-size:.8rem}.transfer-item-row:hover{background:#f9f8f5}.transfer-item-row.active{background:#8c3a3a;color:#fff}.btn-del-sm{border:none;background:transparent;color:inherit;opacity:.7;cursor:pointer}.btn-del-sm:hover{opacity:1}.form-sublabel{display:block;font-size:.7rem;color:#7a756e;margin-bottom:2px}.item-row-left{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.item-row-badge{font-size:.65rem;padding:1px 5px;border-radius:3px;background:#e6e2d8;color:#444;flex-shrink:0;line-height:1.2}.transfer-item-row.active .item-row-badge{background:#ffffff40;color:#fff}.badge-type-pill{font-size:.72rem;font-weight:400;padding:2px 8px;background:#edeae3;color:#555;border-radius:12px;margin-left:10px;vertical-align:middle}.transfer-main-editor{padding:20px;overflow-y:auto;background:#fff}.detail-form-title{font-family:var(--font-title);font-size:1rem;font-weight:700;margin-bottom:16px;padding-bottom:6px;border-bottom:1px solid #eeebe3}.empty-detail-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9c9792;gap:8px;font-size:.86rem}.export-modal{width:700px}.export-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.export-card-item{border:1.5px solid #dcd8cf;border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff;cursor:pointer;transition:all .12s ease}.export-card-item:hover{border-color:#8c3a3a;background:#fdfaf9;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.export-icon-wrap{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.icon-png{background:#8c3a3a}.icon-json{background:#252021}.icon-html{background:#2e7a56}.icon-zip{background:#4a5568}.export-item-title{font-family:var(--font-title);font-weight:700;font-size:.96rem;color:#211d1d;margin-bottom:3px}.export-item-desc{font-size:.76rem;color:#6b6763;line-height:1.35}.btn-export-action{width:100%;padding:6px;border:1px solid #d0ccc2;background:#f8f6f2;border-radius:4px;font-size:.78rem;font-weight:600;color:#3d3938;cursor:pointer;margin-top:auto}.export-card-item:hover .btn-export-action{background:#8c3a3a;color:#fff;border-color:#8c3a3a}.template-confirm-modal{width:520px}.changes-list{background:#fbf9f5;border:1px solid #e5e1d7;border-radius:4px;padding:12px;margin:12px 0;display:flex;flex-direction:column;gap:8px}.change-item{display:flex;flex-direction:column;gap:2px;font-size:.82rem}.change-label{font-weight:700;color:#211d1d}.confirm-tip{font-size:.76rem;color:#8c8884}.btn-modal-confirm{display:flex;align-items:center;gap:6px;padding:7px 16px;background:#2e7a56;border:1px solid #236545;color:#fff;border-radius:4px;font-size:.84rem;font-weight:600;cursor:pointer}.toast-container{position:fixed;top:64px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none}.toast-item{background:#252021;color:#fff;border:1px solid #4a4546;border-radius:6px;padding:10px 16px;font-size:.84rem;box-shadow:0 4px 14px #00000040;animation:toastSlideIn .2s ease forwards;pointer-events:auto}.toast-item.toast-success{background:#1e3a2b;border-color:#2e7a56}.toast-item.toast-error{background:#3d1c1c;border-color:#8c3a3a}.toast-item.toast-warning{background:#3d2f1c;border-color:#d97706}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cursor-pointer{cursor:pointer}.text-accent{color:var(--color-accent)!important}.text-warning{color:#d97706!important}.text-info{color:#2563eb!important}.text-muted{color:#9c9792!important}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Niming KingHwa OldSong Subset;src:url(/fonts/kinghwa-old-song-gb2312-ed19104931f9.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0000-024F,U+2000-27BF,U+3000-303F,U+31C0-31EF,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Niming KingHwa OldSong Full;src:url(/fonts/kinghwa-old-song-full-v1.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Niming Jiangxi Zhuokai;src:url(/fonts/jiangxi-zhuokai-2.0-full-v1.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}:root{--bg: #d8d8d8;--paper: #ffffff;--ink: #211d1d;--line: #e9e7e5;--line-strong: #989390;--soft: #efefef;--soft-2: #f7f7f7;--dark: #252021;--panel-gap: 14px;--tool-rail-width: 62px;--editor-width: 480px;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-title: "Niming KingHwa OldSong Subset", "Niming KingHwa OldSong Full", "Noto Serif SC", serif;--font-body: "Noto Serif SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-kaiti: "Niming Jiangxi Zhuokai", "KaiTi", "STKaiti", cursive;--color-primary: #1c1e21;--color-accent: #8c3a3a;--color-accent-light: rgba(140, 58, 58, .12);--color-bg-card: #f9f8f5;--color-text: #211d1d;--color-text-light: #595554;--color-text-muted: #8c8884;--color-border: #3d3a39;--color-border-light: #e5e2db;--color-divider: #e0dcd4;--color-hostile: #8c3a3a;--color-hostile-light: rgba(140, 58, 58, .08);--color-friendly: #3a8c5b;--color-friendly-light: rgba(58, 140, 91, .08);--color-neutral: #595554;--color-neutral-light: rgba(89, 85, 84, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 14px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .18);--shadow-card: 0 10px 30px rgba(33, 29, 29, .14)}:root,[data-palette=ink],.card-sheet[data-palette=ink]{--color-primary: #1c1e21;--color-accent: #8c3a3a;--color-accent-light: rgba(140, 58, 58, .15);--color-bg-card: #f9f8f5;--color-body-bg: #d8d8d8;--color-text: #211d1d;--color-text-light: #595554;--color-text-muted: #8c8884;--color-border: #3d3a39;--color-border-light: #e5e2db;--color-divider: #e0dcd4;--color-hostile: #8c3a3a;--color-friendly: #3a8c5b}[data-palette=bamboo],.card-sheet[data-palette=bamboo]{--color-primary: #1c3527;--color-accent: #2e7a56;--color-accent-light: rgba(46, 122, 86, .18);--color-bg-card: #eef5f1;--color-body-bg: #ccdcd2;--color-text: #192b21;--color-text-light: #3d5447;--color-text-muted: #728c7e;--color-border: #234d36;--color-border-light: #bed4c8;--color-divider: #bed4c8;--color-hostile: #8c5b3a;--color-friendly: #2e7a56}[data-palette=cinnabar],.card-sheet[data-palette=cinnabar]{--color-primary: #5c1818;--color-accent: #c0392b;--color-accent-light: rgba(192, 57, 43, .18);--color-bg-card: #fdf5f0;--color-body-bg: #e2d2cc;--color-text: #2b1818;--color-text-light: #5e3b3b;--color-text-muted: #9c7373;--color-border: #6b2323;--color-border-light: #e8d0c8;--color-divider: #e8d0c8;--color-hostile: #c0392b;--color-friendly: #2e7a56}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:#bab5b0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#96908b}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}