:root{--bg: #f2f4f7;--card: #ffffff;--text: #1f2328;--muted: #8a919c;--line: #e5e8ec;--primary: #2563eb;--danger: #dc2626;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:15px}button{font-family:inherit}.app{height:100%;display:flex;flex-direction:column}.module-nav{height:48px;flex-shrink:0;display:flex;align-items:flex-end;gap:4px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line);z-index:30}.module-tab{height:48px;padding:0 18px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:15px;cursor:pointer}.module-tab.active{color:var(--text);border-bottom-color:var(--text);font-weight:600}.module-tools{height:100%;margin-left:auto;display:flex;align-items:center;gap:4px}.module-tool{width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#687161;font-size:16px;cursor:pointer}.module-tool:hover{background:#eeece6}.module-content,.module-one{flex:1;min-height:0;height:100%}.page{height:100%;display:flex;flex-direction:column;max-width:720px;margin:0 auto}.topbar{display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-top)) 12px 10px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.title{flex:1;min-width:0;margin:0;font-size:17px;font-weight:600}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:8px;flex-shrink:0}.back{border:none;background:none;font-size:26px;line-height:1;padding:0 6px 0 0;color:var(--text)}.btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:9px;padding:7px 12px;font-size:14px;cursor:pointer;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.btn:active{opacity:.75}.btn:disabled{opacity:.4}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{color:var(--danger);border-color:#f2c4c4;background:#fff}.hint{color:var(--muted);text-align:center;padding:40px 16px;line-height:1.8}.hint-sm{color:var(--muted);font-size:12px;margin:10px 14px 6px}.detail-search{position:sticky;top:0;z-index:5;min-height:46px;display:flex;align-items:center;gap:6px;margin-bottom:2px;padding:7px 12px;background:#f2f4f7f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-search-icon{color:var(--muted);font-size:18px}.detail-search input{flex:1;min-width:0;height:34px;border:1px solid var(--line);border-radius:9px;outline:none;padding:0 10px;background:#fff;font:inherit}.detail-search input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.detail-search-count{min-width:34px;color:var(--muted);font-size:12px;text-align:center}.detail-search-button{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);cursor:pointer}.detail-search-button:disabled{opacity:.4}.list{flex:1;overflow-y:auto;padding:12px 12px calc(16px + var(--safe-bottom))}.note-cards{display:flex;flex-direction:column;gap:10px}.note-card{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);cursor:pointer}.note-card.managing{border-style:dashed}.note-card.selected{border-color:var(--primary);background:#eff6ff}.check{width:22px;height:22px;border:1.5px solid #b8bec7;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:transparent}.check.on{background:var(--primary);border-color:var(--primary);color:#fff}.note-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.chevron{color:#c3c9d1;font-size:20px}.note-rename{border:0;background:transparent;color:var(--muted)}.note-rename:hover{background:#f2f4f7;color:var(--text)}.loading-screen{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.login-page{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;background:#fff;border-radius:16px;padding:28px 22px;box-shadow:var(--shadow);text-align:center}.login-card h1{margin:0 0 4px;font-size:20px}.login-card .modal-input{margin-top:14px;text-align:center}.login-btn{width:100%;margin-top:14px}.detail-main{flex:1;min-height:0;overflow-y:auto;padding-bottom:calc(16px + var(--safe-bottom))}.para{border-radius:var(--radius);padding:6px 12px;margin:0 12px 12px;box-shadow:var(--shadow)}.line{padding:11px 4px;border-bottom:1px dashed rgba(31,35,40,.1);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.55;word-break:break-all;white-space:pre-wrap}.line:last-child{border-bottom:none}.line-key{max-width:42%;flex-shrink:0;overflow:hidden;color:#475569;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.line-value{flex:1;min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.kv-line{display:flex;min-width:0;overflow:hidden;white-space:nowrap}.kv-line.search-match{background:#facc152e}.kv-line.search-match-active{background:#facc1561;box-shadow:inset 3px 0 #d59b08}.line:active{background:#ffffffbf}.edit-wrap{display:flex;overflow:hidden}.edit-area{flex:1;min-height:0;width:100%;border:none;outline:none;resize:none;border-radius:var(--radius);background:#fff;margin:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.7}.mline{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:0 12px 8px}.mline-no{color:var(--muted);font-size:12px;width:26px;flex-shrink:0;text-align:right}.mline-text{flex:1;min-width:0;word-break:break-all;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.mline-text.empty{color:var(--muted);font-style:italic}.mline-input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:14px;outline:none}.mline-fields{flex:1;min-width:0;display:grid;grid-template-columns:minmax(110px,.45fr) minmax(140px,1fr);gap:7px}.manage-line{display:flex;align-items:center;gap:8px;padding:8px 4px;cursor:default;transition:background .15s}.manage-line:active{background:transparent}.manage-line.unchanged{color:#6b7280}.manage-line.deleted{opacity:.62}.manage-line.deleted .mline-fields{text-decoration:line-through}.manage-line .mline-input{min-height:38px;background:#ffffffe0;border:1px solid #aeb7c3;box-shadow:inset 0 1px 2px #0f172a0d;color:#1f2328;cursor:text;transition:border-color .15s,box-shadow .15s,background .15s}.manage-line .mline-input:hover{border-color:#7d8795;background:#fff}.manage-line .mline-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2563eb24}.manage-line:not(.unchanged):not(.deleted) .mline-input{border-color:var(--primary);background:#fff}.manage-line .mline-input:disabled{cursor:not-allowed;background:#e5e7ebbf}.manage-line .icon-btn{background:#ffffff8c;border-color:#1f23281f}.manage-line .icon-btn:disabled{cursor:default}.visibility-btn{gap:4px}.icon-btn{width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.icon-btn.danger{color:var(--danger);border-color:#f2c4c4}.icon-btn.ok{color:#16a34a;border-color:#bfe3c8}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:18px}.modal h3{margin:0 0 12px;font-size:16px}.modal-input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:15px;outline:none}.modal-input:focus{border-color:var(--primary)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);z-index:200;background:#0f172aeb;color:#fff;border-radius:20px;padding:9px 16px;font-size:13px;max-width:84vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(8px)}@media(min-width:768px){.app.pc .module-one{display:grid;grid-template-columns:340px minmax(0,1fr)}.pc-side{height:100vh;background:#fff;border-right:1px solid var(--line)}.pc-side .page,.pc-main .page{max-width:none;height:100%}.pc-main{height:100vh;min-width:0;overflow-y:auto;background:var(--bg)}.pc-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}}.vault-page{height:100%;display:flex;flex-direction:column;background:#f7f7f8;color:#222;overflow:hidden}.vault-header{min-height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#fff;border-bottom:1px solid #eee}.vault-header h1,.vault-list-title h2{margin:0}.vault-header h1{font-size:19px}.vault-header p,.vault-list-title p,.vault-form-section p{margin:5px 0 0;color:#888;font-size:13px}.vault-primary{flex-shrink:0;border:0;border-radius:9px;padding:10px 15px;background:#222;color:#fff;font-size:14px;cursor:pointer}.vault-layout{flex:1;min-height:0;display:flex}.vault-sidebar{width:250px;flex-shrink:0;overflow-y:auto;padding:18px;background:#fff;border-right:1px solid #eee}.vault-sidebar h3{margin:7px 0 10px;font-size:15px}.vault-sidebar h3:not(:first-child){margin-top:24px}.vault-tags{display:flex;flex-wrap:wrap;gap:7px}.vault-tag{display:inline-flex;align-items:center;border:0;border-radius:16px;padding:6px 11px;background:#eee;color:#444;font-size:13px;line-height:1;cursor:pointer}span.vault-tag{cursor:default}.vault-tag.active{background:#222;color:#fff}.vault-tag.hidden{display:none}.vault-side-hint{margin:0;color:#aaa;font-size:13px}.vault-main{flex:1;min-width:0;overflow-y:auto;padding:24px}.vault-list-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.vault-list-title h2{font-size:20px}.vault-list-title>span{color:#999;font-size:13px}.vault-record{margin-bottom:18px;overflow:hidden;background:#fff;border:1px solid #eee;border-radius:11px;box-shadow:0 1px 3px #0000000a}.vault-record-head,.vault-row{display:flex;align-items:center;gap:8px}.vault-record-head{min-height:48px;padding:8px 14px;border-bottom:1px solid #eee}.record-tags{flex:1}.vault-row{min-height:42px;padding:4px 13px 4px 16px;border-bottom:1px solid #f3f3f3}.vault-row:last-child{border-bottom:0}.vault-value{flex:1;min-width:0;border:0;background:none;padding:6px 0;text-align:left;color:#333;font-size:14px;line-height:1.55;overflow-wrap:anywhere;cursor:copy}.vault-value strong{font-weight:600}.vault-icon{width:32px;height:32px;flex-shrink:0;border:0;border-radius:7px;background:none;color:#777;font-size:16px;cursor:pointer}.vault-icon:hover{background:#f2f2f2}.vault-icon.danger:hover{background:#fff0f0;color:var(--danger)}.vault-empty{padding:70px 20px;color:#999;text-align:center}.vault-empty.small{padding:18px}.vault-modal{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:20px;background:#fff;border-radius:14px;box-shadow:0 10px 30px #0000002e}.vault-modal.wide{max-width:540px}.vault-modal h3{margin:0 0 17px;font-size:18px}.vault-modal label,.vault-form-section>label{display:block;margin:13px 0 7px;font-size:14px;font-weight:600}.vault-input,.tag-entry input,.vault-modal textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px 12px;outline:none;font:inherit}.vault-input:focus,.tag-entry input:focus,.vault-modal textarea:focus{border-color:#888}.vault-modal textarea{min-height:250px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.7}.vault-modal textarea.line-textarea{min-height:90px;font-family:inherit}.vault-form-section+.vault-form-section{margin-top:22px}.draft-tags{margin-bottom:9px}.tag-entry{display:flex;gap:8px}.suggestions{margin-top:10px}@media(max-width:767px){.visibility-label{display:none}.visibility-btn{width:36px;padding:7px}.mline-fields{grid-template-columns:minmax(72px,.42fr) minmax(100px,1fr);gap:4px}.manage-line{gap:4px}.manage-line .icon-btn{width:30px;height:34px}.module-nav{height:44px;padding:0 8px}.module-tab{height:44px;flex:1;padding:0 8px}.module-tools{margin-left:2px}.module-tool{width:34px;height:34px;padding:0}.vault-header{min-height:68px;padding:10px 12px}.vault-header h1{font-size:16px}.vault-header p{display:none}.vault-primary{padding:9px 11px}.vault-layout{display:block;overflow-y:auto}.vault-sidebar{width:100%;overflow:visible;padding:12px;border-right:0;border-bottom:1px solid #eee}.vault-sidebar h3{margin:4px 0 8px}.vault-sidebar h3:not(:first-child){margin-top:14px}.vault-main{overflow:visible;padding:14px 12px 28px}.vault-list-title h2{font-size:18px}.vault-row{padding-left:12px}.vault-icon{width:30px}}.prompt-box{width:100%;max-width:920px;height:100%;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:#f5f3ed;color:#292b27;border-left:1px solid #e3e0d7;border-right:1px solid #e3e0d7;font-family:Inter,system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif}.pb-header{min-height:58px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fbfaf7;border-bottom:1px solid #e3e0d7}.pb-brand{min-width:0;flex:1;overflow:hidden;color:#343630;font-size:17px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pb-count{color:#92958c;font-size:12px}.pb-icon-button,.pb-card-actions button,.pb-prompt-item>button,.pb-modal-head button{border:0;background:transparent;color:#71756b;cursor:pointer}.pb-icon-button{width:34px;height:34px;flex-shrink:0;border-radius:9px;font-size:16px}.pb-icon-button:hover{background:#ece9e1;color:#30332e}.pb-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:14px}.pb-search-row{display:flex;align-items:center;gap:12px;margin-bottom:15px}.pb-search{flex:1;height:40px;display:flex;align-items:center;gap:8px;margin-bottom:0;padding:0 12px;background:#fff;border:1px solid #dfddd5;border-radius:11px;color:#97998f}.pb-search:focus-within{border-color:#7e8972;box-shadow:0 0 0 3px #6371591f}.pb-search input{width:100%;border:0;outline:0;background:transparent;color:#31332e;font:inherit}.pb-page{min-height:0}.pb-slides{flex:1;min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}.pb-app-page{min-width:0;overflow-y:auto;padding-right:13px;border-right:1px solid #dfddd5}.pb-detail-pane{min-width:0;overflow:hidden}.pb-detail-empty{height:100%;display:grid;place-items:center;color:#9a9d95;font-size:13px}.pb-mobile-detail-head{display:none}.pb-section-title{display:flex;align-items:center;justify-content:space-between;min-height:38px;color:#565a51;font-size:14px}.pb-text-button{border:0;background:transparent;color:#687661;font-size:13px;cursor:pointer}.pb-batch-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:9px 10px;background:#ebe9e2;border-radius:9px;color:#767970;font-size:12px}.pb-batch-bar button,.pb-setting-actions button,.pb-import,.pb-outline{border:1px solid #d8d6ce;border-radius:8px;background:#fff;color:#4b4f47;padding:7px 10px;cursor:pointer}.pb-batch-bar span{flex:1}.pb-batch-bar button.danger{color:#b64c46}.pb-app-list,.pb-prompt-list{display:flex;flex-direction:column;gap:9px}.pb-app-card{display:flex;align-items:center;gap:12px;min-height:66px;padding:11px 12px;background:#fff;border:1px solid #e1dfd7;border-radius:13px;box-shadow:0 1px 3px #31332e0a;cursor:pointer}.pb-app-card:hover,.pb-app-card.selected,.pb-app-card.active{border-color:#9ca694;background:#fafcf8}.pb-app-card.active{box-shadow:inset 3px 0 #687661}.pb-app-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;background:#e7ebdf;border-radius:11px;color:#56604e;font-size:16px;font-weight:700}.pb-app-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pb-app-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-app-info span,.pb-prompt-item time{color:#9a9c95;font-size:11px}.pb-card-actions{display:flex;gap:3px}.pb-card-actions button,.pb-prompt-item>button{width:30px;height:30px;border-radius:8px;font-size:15px}.pb-card-actions button:hover,.pb-prompt-item>button:hover{background:#f0eee8}.pb-new-app{width:100%;margin-top:11px;padding:12px;border:1px dashed #babdb3;border-radius:11px;background:transparent;color:#687661;cursor:pointer}.pb-new-app:hover{background:#ecefe7}.pb-empty{padding:45px 15px;color:#999c94;text-align:center}.prompt-page{height:100%;display:grid;grid-template-rows:minmax(220px,.8fr) minmax(220px,1.2fr);gap:14px}.pb-editor{min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dedcd4;border-radius:13px}.pb-editor textarea{flex:1;min-height:0;width:100%;resize:none;border:0;outline:0;padding:14px;color:#30332e;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.pb-editor-bottom{min-height:48px;display:flex;align-items:center;gap:9px;padding:7px 9px;border-top:1px solid #eeece6}.pb-editor-bottom>span{flex:1;color:#a1a39c;font-size:11px;text-align:right}.pb-save,.pb-confirm{border:0;border-radius:8px;padding:8px 14px;background:#596652;color:#fff;cursor:pointer}.pb-save:disabled{opacity:.45}.pb-history{min-height:0;overflow-y:auto}.pb-history.hidden{display:none}.prompt-box.editor-expanded .prompt-page{grid-template-rows:1fr}.pb-prompt-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;padding:11px 38px 10px 12px;background:#fff;border:1px solid #e1dfd8;border-radius:11px;cursor:pointer}.pb-prompt-item:hover,.pb-prompt-item.selected{border-color:#9da795;background:#fafcf8}.pb-prompt-item p{grid-column:2;margin:0;display:-webkit-box;overflow:hidden;color:#3d403a;font-size:13px;line-height:1.55;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:3}.pb-prompt-item>input{grid-column:1;grid-row:1 / span 2;margin-top:3px}.pb-prompt-item time{grid-column:2}.pb-prompt-item>button{position:absolute;top:8px;right:7px}.pb-modal{width:100%;max-width:440px;padding:18px;background:#fbfaf7;border-radius:15px;box-shadow:0 16px 45px #23262033}.pb-modal.small{max-width:350px}.pb-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.pb-modal-head h2{margin:0;font-size:17px}.pb-modal-head button{width:30px;height:30px;font-size:20px}.pb-name-input{width:100%;min-height:42px;margin-bottom:12px;padding:9px 11px;border:1px solid #d6d4cc;border-radius:9px;outline:0;font:inherit}.pb-name-input:focus{border-color:#708068;box-shadow:0 0 0 3px #5966521f}.pb-confirm{width:100%}.pb-setting-label{display:block;margin-bottom:7px;color:#696d64;font-size:12px}.pb-outline{width:100%;margin-bottom:13px}.pb-data-status{margin:8px 0 15px;padding:11px;background:#ecefe7;border-radius:9px;color:#687161;font-size:12px;line-height:1.55}.pb-setting-actions{display:flex;gap:9px}.pb-setting-actions>*{flex:1;text-align:center;font-size:13px}@media(max-width:767px){.prompt-box{border:0}.pb-content{padding:10px}.pb-search-row{gap:8px;margin-bottom:10px}.pb-count{min-width:max-content}.pb-slides{width:200%;display:flex;gap:0;transform:translate(0);transition:transform .3s cubic-bezier(.22,.75,.25,1);will-change:transform}.pb-slides.show-detail{transform:translate(-50%)}.pb-app-page,.pb-detail-pane{width:50%;flex:0 0 50%}.pb-app-page{padding-right:0;border-right:0}.pb-detail-pane{padding-left:10px}.prompt-page{height:100%;grid-template-rows:auto minmax(180px,.8fr) minmax(180px,1.2fr)}.pb-mobile-detail-head{display:flex;align-items:center;gap:5px;min-width:0}.pb-mobile-detail-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-editor-bottom>span{display:none}.pb-prompt-item p{-webkit-line-clamp:4}}